/* Media page (sections/fc-medium). The FairShare <fluid-media-widget> runs the full content width; the theme adds
   a slim title row and the closing panel. Same tokens and type as the teardown index and feature pages. */
.fc-md{--mist-ink:#0a0a0a;--mist-muted:#6f6f6f;--mist-line:#e8e6e3;--mist-surface:#f6f5f4;--mist-blue:#007aff;
  padding-top:clamp(32px,4vw,64px);padding-bottom:clamp(72px,7vw,112px);color:var(--mist-ink);background:#fff;
  font-family:"Mist Neue",Neue,Helvetica,Arial,sans-serif}
.fc-md-inner{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,36px);width:100%;min-width:0}

/* Title row */
.fc-md-head{display:flex;flex-direction:column;gap:12px;min-width:0}
.fc-md-crumb{margin:0;color:var(--mist-muted);font-size:15px;font-weight:500;line-height:1.4}
.fc-md-crumb a{color:inherit;text-decoration:none}
.fc-md-crumb a:hover{color:var(--mist-ink)}
.fc-md-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.fc-md-head h1{margin:0;max-width:24ch;color:var(--mist-ink);font-size:clamp(34px,4vw,60px);font-weight:700;line-height:1.02;letter-spacing:-.03em;text-wrap:balance;overflow-wrap:anywhere}

/* Player: the FairShare widget takes the whole content width. */
.fc-md-player{position:relative;width:100%;min-width:0;max-width:100%;border-radius:28px;overflow:hidden;background:#090b10;isolation:isolate}
.fc-md-player[data-embed="popover"]{background:transparent;border-radius:0;overflow:visible}
.fc-md-player fluid-media-widget{display:block;width:100%;max-width:100%;min-width:0}
.fc-md-player fluid-media-widget video,.fc-md-player fluid-media-widget img,.fc-md-player fluid-media-widget iframe{max-width:100%}
.fc-md-empty{margin:0;padding:48px 24px;border-radius:28px;background:var(--mist-surface);color:var(--mist-muted);font-size:17px;text-align:center}

.fc-md-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:999px;
  font:inherit;font-size:16px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.fc-md-btn--primary{background:var(--mist-ink);color:#fff}
.fc-md-btn--primary:hover{background:#2a2a2a}
.fc-md-btn:focus-visible{outline:2px solid var(--mist-blue);outline-offset:3px}

/* Closing panel — matches the teardown index closing panel */
.fc-md-cta{display:flex;flex-direction:column;align-items:center;margin-top:clamp(72px,7vw,112px);padding:clamp(56px,7vw,104px) clamp(24px,5vw,80px);border-radius:32px;background:var(--mist-surface);text-align:center}
.fc-md-cta h2{max-width:820px;margin:0;color:var(--mist-ink);font-size:clamp(34px,4.2vw,60px);font-weight:400;line-height:1.02;letter-spacing:-.01em;text-wrap:balance}
.fc-md-cta p{max-width:540px;margin:18px auto 0;color:var(--mist-ink);font-size:18px;line-height:1.45;text-wrap:balance}
.fc-md-cta .fc-md-btn{margin-top:28px}

@media (max-width:960px){
  .fc-md-cta{border-radius:24px}
  .fc-md-player{border-radius:20px}
}
@media (prefers-reduced-motion:reduce){.fc-md-btn{transition:none}}