:root { color-scheme: light dark; --bg: #f7f8fa; --surface: #fff; --text: #172033; --muted: #536276; --line: #d8dee8; --accent: #245b87; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font: 1rem/1.65 Charter, Georgia, serif; }
main { width: min(52rem, calc(100% - 2rem)); margin: 0 auto; padding: 4rem 0; }
h1, h2 { font-family: Poppins, system-ui, sans-serif; line-height: 1.2; }
h1 { font-size: clamp(2rem, 7vw, 3.5rem); }
h2 { margin-top: 3rem; }
a { color: var(--accent); text-underline-offset: .2em; }
.eyebrow { color: var(--muted); font: 700 .8rem/1.2 Poppins, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.lede { color: var(--muted); font-size: 1.2rem; }
.review-status { margin: 2rem 0; padding: 1rem 1.25rem; border: 1px solid var(--line); border-left: .35rem solid #d79a19; border-radius: .4rem; background: var(--surface); }
.review-status h2 { margin: 0 0 .4rem; font-size: 1rem; }
.review-status p { margin: 0; }
.media-links { margin: 2rem 0; }
.transcript-cues { margin: 0; padding: 0; list-style: none; }
.transcript-cues li { display: grid; grid-template-columns: 4.5rem 1fr; gap: 1rem; padding: .75rem 0; border-top: 1px solid var(--line); }
.transcript-cues time { color: var(--muted); font: 600 .85rem/1.65 ui-monospace, monospace; }
.transcript-cues p { margin: 0; }
footer { margin-top: 4rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); }
@media (max-width: 34rem) { .transcript-cues li { grid-template-columns: 1fr; gap: .15rem; } main { padding-top: 2rem; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (prefers-color-scheme: dark) { :root { --bg: #0d1320; --surface: #151e2e; --text: #eef3fa; --muted: #b3c0d1; --line: #344157; --accent: #8fc4ee; } }