/* Production bridge: v3 layout retained; current forms and static HTML themed. */
:root{--ink:var(--text);--paper:var(--bg);--muted-text:var(--muted)}
.site-footer nav{display:flex;gap:15px;flex-wrap:wrap;align-items:center}
.site-footer{flex-wrap:wrap;row-gap:12px}.site-footer a:hover{color:var(--accent)}
.static-content{max-width:1100px;margin:24px auto 38px;overflow-wrap:anywhere}
.static-content>section{margin:26px 0}.static-content p{line-height:1.85}
.static-content h1{font:700 clamp(26px,3vw,42px)/1.16 var(--serif);overflow-wrap:anywhere}
.static-content h2{font-size:22px}.static-content a{color:var(--accent)}
.static-content .thumbnail img{position:absolute}.static-feature{max-width:720px}
.static-content .result-grid{margin-bottom:28px}.static-content .source-url{display:block;overflow-wrap:anywhere;white-space:pre-wrap}
.static-content .breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}
.static-content .article-meta{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted)}
.static-content .copy-link,.static-content .transcript-search{display:none}
.static-content .transcript-row{display:grid;grid-template-columns:65px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:8px}
.static-content .transcript-row p{margin:0}.static-content .transcript-seek{border:0;pointer-events:none;background:none;color:var(--muted)}
.static-content .transcript-total{font:12px var(--sans);color:var(--muted)}
.static-player{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:20px}
.static-player .video-card{max-width:640px}.static-player .card-title{font:16px var(--sans)}
.no-script-note{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:12px;color:var(--muted)}
.plain-links{display:flex;gap:15px;flex-wrap:wrap}.plain-links a{color:var(--accent)}
.production-reference{margin:30px 0 40px}.production-reference .reference-page{min-width:0}
.production-reference .eyebrow{color:var(--accent);letter-spacing:.13em;font-size:11px;font-weight:700;margin-bottom:12px}
.production-reference .page-heading{margin-bottom:28px}.production-reference h1{font:700 clamp(28px,3vw,42px)/1.16 var(--serif);letter-spacing:-.02em;margin:10px 0 18px}
.production-reference .lead{font-size:15px;color:var(--muted);line-height:1.8}
.production-reference .prose-section{margin:0;padding:24px 0;border-top:1px solid var(--line)}
.production-reference .prose-section h2{font-size:21px;margin:0 0 14px}
.production-reference p,.production-reference li{line-height:1.85;overflow-wrap:anywhere}
.production-reference a{color:var(--accent)}.production-reference .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px;border:1px solid transparent;background:var(--accent);color:var(--accent-ink);border-radius:7px;font-size:13px;font-weight:600}
.production-reference .button.secondary,.production-reference .button.outline{background:transparent;border-color:var(--line);color:var(--text)}
.production-reference .button:hover{filter:brightness(1.08)}
.production-reference .correction-form{background:var(--surface2);border:1px solid var(--line);padding:24px;border-radius:10px;margin:24px 0}
.production-reference fieldset{border:0;padding:0;margin:0;min-width:0}
.production-reference label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:19px 0 9px;font-size:13px;font-weight:600}
.production-reference label:first-of-type{margin-top:0}
.production-reference .required-label,.production-reference label .muted{font-size:10px;font-weight:400;color:var(--muted)}
.production-reference input,.production-reference textarea{display:block;width:100%;padding:11px 12px;line-height:1.6;font-size:13px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:7px;resize:vertical}
.production-reference input:focus,.production-reference textarea:focus{outline:1px solid var(--accent);outline-offset:1px}
.production-reference .field-help,.production-reference .small{font-size:11px;color:var(--muted);line-height:1.8;margin:7px 0 17px}
.production-reference .submission-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 10px}
.production-reference .submission-times{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.production-reference .submission-mode{padding:12px 15px;border-left:2px solid var(--accent);background:var(--surface);font-size:12px;color:var(--muted)}
.production-reference .form-status{font-size:12px;line-height:1.8;color:var(--accent)}
.production-reference .form-status[data-error=true]{color:#ffaaa7}
:root[data-theme=light] .production-reference .form-status[data-error=true]{color:#9e2638}
.production-reference .submission-output{font:12px/1.85 var(--mono);margin-top:16px}
.submission-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.production-reference .submission-checklist{border:1px solid var(--line);border-radius:10px;padding:20px 24px;background:var(--surface2);margin-bottom:24px}
.production-reference .submission-checklist li{margin:9px 0}.production-reference .submission-checklist ol{padding-left:22px;margin:0}
.production-reference #submission-challenge,.production-reference #correction-challenge{max-width:100%;margin-top:16px}
.production-reference code{background:var(--surface3);padding:2px 4px;overflow-wrap:anywhere}
.source-kind{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.record-information .source-note{white-space:pre-wrap}
.transcript-timing-note{font-size:11px;line-height:1.8;color:var(--muted)}
#recording{scroll-margin-top:90px}
@media(max-width:700px){.production-reference{margin:8px 0 24px}.production-reference .correction-form{padding:16px}.production-reference .submission-times{grid-template-columns:1fr;gap:0}.production-reference label{font-size:12px}.site-footer{font-size:10px}.site-footer nav{gap:12px}.static-content .transcript-row{grid-template-columns:48px 1fr;gap:7px}.static-content h2{font-size:19px}}
@media print{.site-header,.category-nav,.watch-related,.transport,.hero-actions,.site-footer,dialog{display:none!important}.site-shell{border:0;box-shadow:none;width:100%;max-width:none}.watch-layout{display:block}.record-information{border:0}.transcript-row[hidden]{display:grid!important}.thumbnail{break-inside:avoid}}

.production-reference.single-reference{grid-template-columns:minmax(0,860px);justify-content:center}.legacy-year-anchor{display:block;scroll-margin-top:90px;height:0}.production-reference.single-reference .reference-page{max-width:860px}

/* Production polish: keep the navigation frame stable while pages change. */
html{background:var(--bg)}
#page-placeholder{display:none}
html[data-ui-state="booting"] #static-content{display:none}
html[data-ui-state="booting"] #page-placeholder{display:block;padding:0 0 28px;min-height:420px}
.placeholder-feature{height:clamp(190px,25vw,345px);border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.placeholder-row{height:190px;margin-top:30px;border-top:1px solid var(--line);background:var(--surface);opacity:.55}
html[data-navigating="true"] .site-header{box-shadow:0 2px 0 var(--accent)}
.category-nav{gap:5px;min-width:0}
.category-list{min-width:0;overscroll-behavior-x:contain}
.category-nav>.chip-prev,.category-nav>.chip-next{display:inline-flex;flex:0 0 30px;width:30px;height:38px;align-items:center;justify-content:center;padding:6px;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:6px}
.category-nav>.chip-prev:disabled,.category-nav>.chip-next:disabled{display:inline-flex;opacity:.24;cursor:default}
.category-nav>.chip-prev:focus-visible,.category-nav>.chip-next:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.brand img{background:transparent;border:0;box-shadow:none}
.media-corner>span:last-child{margin-left:auto}
@media(max-width:700px){.category-nav{gap:3px}.category-nav>.chip-prev,.category-nav>.chip-next{flex-basis:24px;width:24px;padding:4px}.placeholder-feature{height:160px}.placeholder-row{height:160px}html[data-ui-state="booting"] #page-placeholder{min-height:360px}}
@media(prefers-reduced-motion:reduce){.category-list{scroll-behavior:auto}}
@media print{#page-placeholder{display:none!important}html[data-ui-state="booting"] #static-content{display:block}}

/* Edge-to-edge desktop canvas, not a centered 1580px sheet. Mobile unchanged. */
@media(min-width:701px){
 .site-shell{--page-gutter:clamp(20px,1.55vw,48px);width:100%;max-width:none;min-height:100vh;margin:0;padding:0 var(--page-gutter) 24px;border:0;border-radius:0;box-shadow:none;background:var(--surface)}
 .site-header{margin:0 calc(-1 * var(--page-gutter));padding:0 var(--page-gutter)}
 .global-search{max-width:min(56vw,760px);margin-left:auto;margin-right:auto}
 .static-content{max-width:none}
 .featured:not(.is-playing){min-height:clamp(310px,24vw,540px)}
 .featured:not(.is-playing) .hero-media .media-viewport{min-height:clamp(308px,calc(24vw - 2px),538px)}
 .featured:not(.is-playing) .hero-media .media-corner{inset:auto 16px 16px auto}
 .featured:not(.is-playing) .hero-media .media-corner>span:last-child{position:static;top:auto}
}
@media(min-width:1101px){.watch-layout{grid-template-columns:minmax(0,1fr) clamp(300px,23vw,420px);gap:clamp(24px,2vw,42px)}}
/* Transparent hit target blocks Mux's native surface behavior: one activation,
   one toggle. It never covers the timeline or our visible controls. */
.media-viewport>.media-surface{position:absolute;inset:0;z-index:5;display:block;width:100%;height:100%;padding:0;margin:0;background:transparent;border:0;cursor:pointer;color:transparent;touch-action:manipulation}
.media-viewport>.media-surface:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.transport .control-share{margin-left:auto;font-size:11px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.transport .control-share>.icon{width:14px;height:14px}
.share-dialog{width:min(520px,calc(100vw - 28px));height:fit-content;margin:auto;-webkit-tap-highlight-color:transparent;max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);padding:24px;box-shadow:0 20px 65px #0008}
.share-dialog::backdrop{background:#000a}
.share-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.share-heading h2{font-size:21px;margin:0}.share-title{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 20px;overflow-wrap:anywhere}
.share-time-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 8px}
.share-time-row label{display:inline-flex;align-items:center;gap:8px;font-size:13px}
.share-time-row input[type=checkbox]{accent-color:var(--accent)}
.share-time-row input[type=text]{width:110px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface2);color:var(--text);font:12px var(--mono)}
.share-current{background:none;border:0;color:var(--accent);font-size:12px;padding:8px;cursor:pointer}
.share-help{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 18px}
.share-link-label{display:block;font-size:12px;margin-bottom:8px}
.share-url{display:block;resize:none;width:100%;min-height:84px;padding:12px;background:var(--surface2);border:1px solid var(--line);border-radius:7px;color:var(--text);font:12px/1.7 var(--mono);overflow-wrap:anywhere}
.share-actions{display:flex;gap:12px;margin-top:14px;align-items:center;flex-wrap:wrap}
.share-status{margin:14px 0 0;font-size:12px;line-height:1.7;color:var(--muted)}.share-status[data-error=true]{color:#ffb0a8}
:root[data-theme=light] .share-status[data-error=true]{color:#a5293b}
@media(max-width:480px){.share-dialog{padding:18px}.transport .control-share{font-size:10px}.transport .control-share>.icon{display:none}.share-actions .primary-button{min-height:40px}}

/* Redirect-domain sharing. No changes to video tiles, player bounds, or site branding. */
.share-domain-picker{margin:18px 0 0;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.share-domain-picker>summary{display:flex;align-items:center;gap:12px;padding:13px 14px;cursor:pointer;list-style:none;min-width:0}
.share-domain-picker>summary::-webkit-details-marker{display:none}
.share-domain-caption{font-size:12px;color:var(--muted)}
.share-domain-selected{font-size:14px;font-weight:500;overflow-wrap:anywhere;min-width:0}
.share-domain-chevron{margin-left:auto;line-height:1;color:var(--muted);font-size:20px}
.share-domain-picker[open] .share-domain-chevron{transform:rotate(180deg)}
.share-domain-options{padding:2px 10px 10px;max-height:310px;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--line);scrollbar-width:thin}
.share-domain-group{border:0;margin:10px 0 0;padding:0;min-width:0}
.share-domain-group legend{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.025em;padding:5px 6px 7px}
.share-domain-choice{border:0;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;width:100%;background:transparent;color:var(--text);font:400 14px/1.4 var(--sans,Roboto,Arial,sans-serif);text-align:left;overflow-wrap:anywhere;cursor:pointer}
.share-domain-choice:hover{background:var(--surface3)}
.share-domain-choice[aria-pressed="true"]{color:var(--accent);background:var(--accent-soft,rgba(255,77,101,.10))}
.share-domain-check{visibility:hidden;flex:0 0 14px}
.share-domain-choice[aria-pressed="true"] .share-domain-check{visibility:visible}
.share-domain-choice:focus-visible,.share-domain-picker>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.share-domain-note{font-size:11px!important;line-height:1.5;color:var(--muted);margin:8px 0 18px}
.share-dialog{max-height:min(880px,calc(100dvh - 32px));overflow-y:auto}
@media(max-width:500px){.share-domain-options{max-height:245px}.share-domain-picker>summary{gap:8px;padding:12px}.share-domain-selected{font-size:13px}.share-domain-choice{font-size:13px;padding:10px 8px}}