@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
/* Palette and type match the Core Story Console (web/core-story-console/dist/style.css). */
:root{color-scheme:dark;--bg:#0b0710;--ink:#f2eee6;--mute:#b3adbc;--line:#36323f;--card:#19121f;--card2:#17131b;--acc:#f3d2a0;--accbg:#2b241d;--accline:#796246;
--pink:#ff73bb;--teal:#80dfd4;--font:'DM Sans',Arial,sans-serif;--display:'Playfair Display',Georgia,serif;
--approved:#9be58a;--candidate:#80dfd4;--historical:#f3d2a0;--rejected:#ff8a8a;--held:#ff73bb;--unreviewed:#b3adbc;--missing:#f0a368}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font)}
a{color:inherit;text-decoration-color:var(--acc);text-underline-offset:3px}
.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{font-weight:600;letter-spacing:.16em;font-size:12px;text-decoration:none}.brand b{color:var(--acc)}
.barnav{display:flex;gap:4px}.barnav a{padding:6px 10px;border-radius:8px;text-decoration:none;font-size:14px}.barnav a:hover{background:#28202c;color:var(--acc)}
.crumbs{max-width:1180px;margin:0 auto;padding:10px 16px 0;font-size:13px;color:var(--mute)}.crumbs a{text-decoration:none}.crumbs span{margin:0 6px}
main{max-width:1180px;margin:0 auto;padding:8px 16px 48px}
h1{font:500 clamp(28px,5vw,44px)/1.15 var(--display);margin:.3em 0 .4em;letter-spacing:-.01em}h1 small{font-size:.5em;color:var(--mute);font-family:var(--font);font-weight:400}
h2{font-size:18px;margin:1.6em 0 .6em}.lede{color:var(--mute);margin-top:-.2em}.hint{color:var(--mute);font-size:14px}
.hero{padding:28px 0 8px}.hero h1{color:var(--ink)}.hero h1::after{content:"";display:block;width:64px;height:2px;margin-top:14px;background:linear-gradient(90deg,var(--acc),var(--pink))}.hero p{max-width:62ch}
.bigsearch{display:flex;gap:8px;margin:16px 0}.bigsearch input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit}
.bigsearch button{padding:0 18px;border:1px solid var(--accline);border-radius:12px;background:var(--acc);color:#1a1310;font:600 15px var(--font)}
.tally{font-size:13px;color:var(--mute)}
.eps{list-style:none;padding:0;margin:16px 0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.ep a{display:flex;flex-direction:column;height:100%;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;transition:transform .15s,border-color .15s}
.ep a:hover{transform:translateY(-2px);border-color:var(--pink);background:#241b29}
.ep img,.nocover{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--line)}.nocover{display:grid;place-items:center;color:var(--mute);font-size:14px}
.covernote{position:absolute;top:8px;left:8px;font-size:11px;padding:2px 8px;border-radius:99px;background:rgba(0,0,0,.6);color:#fff}
.eptext{padding:12px 14px 14px}.eptext small{color:var(--acc);font-weight:600;letter-spacing:.04em;font-size:12px;text-transform:uppercase}
.eptext h2{margin:.2em 0;font:500 22px/1.2 var(--display)}.eptext p{margin:.2em 0;font-size:14px}.meta{color:var(--mute);font-size:12px!important}
.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:8px -16px 4px;padding:4px 16px 8px;border-bottom:1px solid var(--line)}.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:none;padding:8px 12px;border-radius:99px;text-decoration:none;font-size:14px;border:1px solid var(--line);background:var(--card)}
.tabs a[aria-current=page]{background:var(--accbg);color:var(--acc);border-color:var(--accline)}
.st{display:inline-block;font-size:11px;font-weight:600;padding:1px 8px;border-radius:99px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.04em;vertical-align:1px}
.st-approved{color:var(--approved)}.st-candidate{color:var(--candidate)}.st-historical{color:var(--historical)}.st-rejected{color:var(--rejected)}.st-held{color:var(--held)}.st-unreviewed{color:var(--unreviewed)}.st-missing{color:var(--missing)}
.placeholder,.protected{border:1.5px dashed var(--line);border-radius:12px;padding:14px 16px;color:var(--mute);background:repeating-linear-gradient(135deg,transparent 0 12px,color-mix(in srgb,var(--line) 35%,transparent) 12px 13px)}
.placeholder b,.protected b{color:var(--ink)}.protected{border-color:#70415c;background:#2b1d2a}
.vers,.list,.scenes,.beats,.results{padding-left:0;list-style:none}.vers li,.list li,.scenes li,.results li{padding:10px 0;border-bottom:1px solid var(--line)}
.scenes a{display:block;text-decoration:none}.scenes small,.list small{display:block;color:var(--mute)}.beats{list-style:decimal;padding-left:22px}.beats li{padding:4px 0}
.glance{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0}.glance li{padding:6px 12px;border-radius:99px;background:var(--card);border:1px solid var(--line);font-size:14px}
.people{list-style:none;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.people a{display:block;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.people img,.noface{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 30%;display:grid;place-items:center;background:var(--line);color:var(--mute);font-size:13px}
.people b,.people small{display:block;padding:0 10px}.people b{padding-top:8px}.people small{color:var(--mute);font-size:12px;padding-bottom:10px}
.portrait{width:min(240px,60vw);aspect-ratio:1;object-fit:cover;object-position:50% 30%;border-radius:16px}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}.filters input,.filters select{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-size:14px}
.filters input{flex:1 1 220px}.count{font-size:13px;color:var(--mute)}.srcs{font-size:14px;margin-bottom:8px}
.grid{list-style:none;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(46%,220px),1fr))}
.img{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}.img img{width:100%;display:block;object-fit:cover;aspect-ratio:16/9;background:var(--line)}
.img p{margin:0;padding:8px 10px;font-size:12px;overflow-wrap:anywhere}.img[hidden]{display:none}
.noimg{aspect-ratio:16/9;display:grid;place-content:center;text-align:center;gap:6px;color:var(--mute);font-size:12px;background:repeating-linear-gradient(135deg,transparent 0 10px,color-mix(in srgb,var(--line) 50%,transparent) 10px 11px)}
.full{width:100%;max-height:70vh;object-fit:contain;border-radius:12px;background:var(--line)}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;font-size:14px}.facts dt{color:var(--mute)}.facts dd{margin:0;overflow-wrap:anywhere}
code{font-size:12px}
.ver{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:14px}
.script{max-width:680px;margin:0 auto;padding:24px clamp(14px,5vw,48px);background:var(--card);border:1px solid var(--line);border-radius:6px;font:15px/1.5 "Courier Prime","Courier New",monospace}
.script p,.script h3{margin:0 0 1em;white-space:pre-wrap;font-size:inherit;font-weight:400}.script .scene,.script .act{font-weight:700}.script .act,.script .center{text-align:center}
.script .cue{margin:1em 0 0;padding-left:min(36%,15ch)}.script .dialogue{padding:0 min(10%,6ch) 0 min(18%,9ch)}.script .transition{text-align:right}
.results a{text-decoration:none;display:block}.results small{color:var(--teal);text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.foot{max-width:1180px;margin:0 auto;padding:24px 16px 40px;color:var(--mute);font-size:13px;border-top:1px solid var(--line)}
@media (max-width:520px){.facts{grid-template-columns:1fr}.facts dt{margin-top:6px}.barnav a{padding:6px 8px}}
