:root{--bg:#f6f4ee;--fg:#161b26;--muted:#5b6473;--line:#dcd7cb;--card:#ffffff;--ink:#101828;--accent:#d9a712;--blue:#2f6fcc;--display:"Archivo",system-ui,sans-serif;--body:"Source Serif 4",Georgia,serif}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#0f1521;--fg:#e8ecf3;--muted:#9aa5b8;--line:#273247;--card:#172031;--ink:#0b111c;--accent:#f5c542;--blue:#7fb0ff;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0f1521;--fg:#e8ecf3;--muted:#9aa5b8;--line:#273247;--card:#172031;--ink:#0b111c;--accent:#f5c542;--blue:#7fb0ff;color-scheme:dark}
*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.55;margin:0}
.band{background:var(--ink);color:#e8ecf3}.band .in,.wrap{max-width:68ch;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:28px}
.brand{font-family:var(--display);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:14px;text-decoration:none}
h1{font-family:var(--display);font-weight:800;font-size:clamp(26px,5vw,36px);line-height:1.12;margin:12px 0 6px;text-wrap:balance}
h2{font-family:var(--display);font-weight:700;font-size:21px;margin:26px 0 10px}
.meta{color:#c9d1dc;font-size:14px;margin:0}
.eyebrow{font-family:var(--display);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.key{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:14px 0}
.key div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.key b{display:block;font-family:var(--display);font-size:24px;color:var(--accent);font-variant-numeric:tabular-nums}
.key span{font-size:13px;color:var(--muted)}
.player{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
.player video{width:min(100%,300px);aspect-ratio:9/16;border-radius:12px;background:#000;max-width:100%}
ol,ul{padding-left:22px}li{margin:6px 0}
.src{border-left:4px solid var(--accent);padding:10px 14px;background:var(--card);border-radius:0 10px 10px 0;font-size:15px}
.src a,.wrap a{color:var(--blue);word-break:break-word}
.warn{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:24px}
footer{border-top:1px solid var(--line);margin-top:36px;padding-top:16px;font-size:14px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}