/* CECIL Editorial Core v1.0.7 — shared public / admin preview card. */
.cec-supervisor-box {
  --cec-ink: #4B4238;
  --cec-muted: #736C62;
  --cec-taupe: #665D52;
  --cec-sage: #C9D8A6;
  --cec-sage-ink: #66734C;
  --cec-paper: #FAF7EF;
  position: relative;
  display: grid;
  grid-template-columns: minmax(180px, 210px) minmax(0, 1fr);
  gap: 0;
  max-width: 980px;
  margin: 56px auto 20px;
  border: 1px solid #EAE2D3;
  border-radius: 28px;
  background: var(--cec-paper);
  box-shadow: 0 14px 38px rgba(102, 93, 82, .07);
  overflow: hidden;
  color: var(--cec-ink);
  font-family: inherit;
  line-break: strict;
  word-break: normal;
  overflow-wrap: anywhere;
  isolation: isolate;
}
.cec-supervisor-box,
.cec-supervisor-box * { box-sizing: border-box; }
.cec-supervisor-accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--cec-sage);
  z-index: 2;
  pointer-events: none;
}
.cec-supervisor-photo {
  min-height: 310px;
  position: relative;
  background: #EAE2D3;
  overflow: hidden;
}
.cec-supervisor-photo img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 310px;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: center 24%;
}
.cec-supervisor-content { min-width: 0; padding: 32px; }
.cec-supervisor-eyebrow {
  margin: 0 0 10px;
  color: var(--cec-sage-ink);
  font-size: 11px;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: .14em;
}
.cec-supervisor-label {
  margin: 0 0 8px !important;
  color: var(--cec-muted) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  letter-spacing: .06em;
}
.cec-supervisor-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #EAE2D3;
}
.cec-supervisor-heading h2 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: var(--cec-ink) !important;
  font-family: Georgia, "Yu Mincho", "Hiragino Mincho ProN", serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: .08em !important;
}
.cec-supervisor-heading h2::before,
.cec-supervisor-heading h2::after { content: none !important; }
.cec-supervisor-heading > span { color: var(--cec-ink); font-size: 12px; line-height: 1.8; }
.cec-supervisor-bio {
  margin: 17px 0 !important;
  color: var(--cec-ink) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.95 !important;
  letter-spacing: .02em;
}
.cec-supervisor-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin-bottom: 18px;
  color: var(--cec-muted);
  font-size: 12px;
  line-height: 1.7;
}
.cec-review-status { display: inline-flex; align-items: center; gap: 6px; color: var(--cec-taupe); font-weight: 700; }
.cec-review-status i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #E3EBCF;
  color: var(--cec-taupe);
  font-style: normal;
  font-size: 12px;
}
.cec-supervisor-links { display: flex; flex-wrap: wrap; gap: 10px; }
.cec-supervisor-links a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 150px;
  min-height: 44px;
  padding: 11px 16px;
  border: 1px solid #D8D2C4;
  border-radius: 999px;
  background: var(--cec-paper);
  color: var(--cec-taupe) !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  text-decoration: none !important;
  transition: background-color .18s ease, box-shadow .18s ease;
}
.cec-supervisor-links a:first-child { border-color: var(--cec-taupe); background: var(--cec-taupe); color: var(--cec-paper) !important; }
.cec-supervisor-links a:hover { box-shadow: 0 5px 16px rgba(102, 93, 82, .16); }
.cec-supervisor-links a:focus-visible { outline: 2px solid var(--cec-taupe); outline-offset: 3px; }
.cec-supervisor-links a span { color: inherit; font-size: 16px; font-weight: 400; }
.cec-supervisor-box--no-photo { grid-template-columns: minmax(0, 1fr); }

@media (max-width: 680px) {
  .cec-supervisor-box { grid-template-columns: minmax(0, 1fr); margin: 40px 0 18px; border-radius: 24px; }
  .cec-supervisor-photo { width: 104px; height: 132px; min-height: 0; margin: 26px 24px 0; border-radius: 18px; }
  .cec-supervisor-photo img { height: 132px; min-height: 0; object-position: center 22%; }
  .cec-supervisor-content { padding: 22px 24px 26px; }
  .cec-supervisor-heading { gap: 6px 12px; }
  .cec-supervisor-heading h2 { font-size: 28px !important; }
  .cec-supervisor-links a { flex: 1 1 180px; min-width: 0; font-size: 13px; }
  .cec-supervisor-box--no-photo .cec-supervisor-content { padding-top: 28px; }
}
@media (max-width: 380px) {
  .cec-supervisor-photo { margin-left: 20px; }
  .cec-supervisor-content { padding-right: 20px; padding-left: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .cec-supervisor-links a { transition: none; }
}

/* Preserve the whole bundled treatment scene inside the supervisor card. */
.cec-supervisor-photo--care {
  align-self: start;
  width: calc(100% - 40px);
  height: auto;
  min-height: 0;
  margin: 32px 20px;
  border-radius: 14px;
}
.cec-supervisor-photo--care img {
  height: auto;
  min-height: 0;
  aspect-ratio: 1672 / 941;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 680px) {
  .cec-supervisor-photo--care {
    width: 180px;
    max-width: calc(100% - 48px);
    margin: 26px 24px 0;
  }
}
@media (max-width: 380px) {
  .cec-supervisor-photo--care { margin-left: 20px; }
}