/* The sampler shares the landing page's dark broadcast set and paper documents. */
:root{--curtain:#0f1f38;--curtain-2:#16294a;--curtain-3:#1e3560;--line:rgba(190,210,240,.16);--ink:#eef2f9;--ink-2:#b4c2da;--ink-3:#8597b6;--live:#e5352b;--gold:#e6a93d;--up:#4cc38a;--down:#f06b5f;--paper:#f1f2ee;--paper-2:#e4e6e0;--paper-ink:#1b2130;--paper-ink-2:#535a68;--newsprint:#e8e5dc;--news-ink:#151515;--chyron:#f6f7f9;--chyron-ink:#0c1830;--stamp:#b3261e;--sans:'Barlow',system-ui,sans-serif;--cond:'Barlow Condensed','Arial Narrow',sans-serif;--serif:'Libre Caslon Text',Georgia,serif;color-scheme:dark}

*{box-sizing:border-box}
 [hidden]{display:none!important}
body{margin:0;background:var(--curtain);color:var(--ink);font:18px/1.55 var(--sans);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 46px),radial-gradient(ellipse at 50% 0,var(--curtain-3),transparent 65%)}
a{color:inherit}
button,textarea{font:inherit}
button,a,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.55}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.wrap{width:min(1120px,100% - 40px);margin:auto}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0}
.brand{display:flex;align-items:center;gap:10px;font:700 23px var(--cond);letter-spacing:.05em;text-transform:uppercase;text-decoration:none}
.bug{background:var(--live);color:var(--ink);padding:3px 7px;border-radius:3px;font-size:13px}
.quiet,.privacy,footer{font-size:15px;color:var(--ink-3)}
.quiet{text-decoration:none}
.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:70px 0 45px}
.kicker,.eyebrow{font:600 14px var(--cond);text-transform:uppercase;letter-spacing:.15em}
.kicker{color:var(--gold);margin:0 0 16px}
h1{font:700 clamp(55px,7vw,90px)/.98 var(--cond);text-transform:uppercase;margin:0 0 24px}
h2{font:700 32px/1.2 var(--serif);margin:16px 0}
.lead{font-size:24px;max-width:24em}
.muted{color:var(--ink-2);max-width:28em}
.format{font-size:15px;color:var(--ink-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid transparent;border-radius:7px;font:700 19px var(--cond);text-decoration:none}
.primary{background:var(--gold);color:var(--chyron-ink)}
.primary:hover{filter:brightness(1.08)}
.ghost{background:transparent;border-color:var(--line);color:var(--ink)}
.memo{background:var(--paper);color:var(--paper-ink);padding:30px;box-shadow:0 20px 50px rgba(0,0,0,.25);border-top:5px solid var(--gold);border-radius:3px;color-scheme:light}
.letterhead{font:700 20px var(--cond);border-bottom:1px solid var(--paper-ink-2);padding-bottom:14px;text-transform:uppercase;letter-spacing:.07em}
.letterhead span{display:block;font-size:12px;font-weight:500;letter-spacing:.15em}
.memo .eyebrow{color:var(--paper-ink-2);margin-top:24px}
.memo p{font-size:18px}
.stamp{display:inline-block;border:2px solid var(--stamp);color:var(--stamp);font:700 15px var(--cond);text-transform:uppercase;letter-spacing:.1em;padding:5px 10px;transform:rotate(-3deg);margin-top:14px}
.privacy{max-width:65em;line-height:1.6}
.briefing-top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:35px 0 15px}
.briefing-top h1{font-size:48px}
.desk-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:30px;align-items:start}
.facts{padding:22px;position:sticky;top:18px}
.facts p,.facts li{font-size:16px}
.facts ul{padding-left:20px}
.facts li+li{margin-top:12px}
summary{cursor:pointer;font-weight:600}
.question{background:var(--chyron);color:var(--chyron-ink);border-left:6px solid var(--gold);border-radius:3px;overflow:hidden}
.nameplate{background:var(--curtain-3);color:var(--ink);padding:12px 20px;font:600 17px var(--cond);text-transform:uppercase;letter-spacing:.05em}
.question p{font-size:25px;line-height:1.4;margin:0;padding:24px}
.podium{margin-top:18px;padding:20px;background:var(--curtain-2);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:6px}
.podium label{display:block;color:var(--gold);font:600 16px var(--cond);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px}
textarea{display:block;width:100%;resize:vertical;min-height:140px;max-height:450px;background:var(--curtain);border:1px solid var(--line);border-radius:4px;color:var(--ink);padding:14px;font-size:18px}
textarea::placeholder{color:var(--ink-3)}
.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
.previous{border-left:2px solid var(--line);padding:0 18px;margin:0 0 24px;color:var(--ink-2);font-size:16px;overflow-wrap:anywhere}
.previous b{font:600 14px var(--cond);text-transform:uppercase;color:var(--ink-3)}
.previous p{margin:5px 0 12px}
.previous .answer-line{color:var(--ink)}
#pending,#result{padding:45px 0}
#survival{font-size:clamp(54px,8vw,85px)}
.president{font:400 21px/1.6 var(--serif);color:var(--ink-2);max-width:48em;margin:0 0 35px}
.result-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}
.profile{background:var(--paper);color:var(--paper-ink);border-top:6px solid var(--gold);padding:28px;border-radius:4px}
.profile-top{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--paper-ink-2);padding-bottom:12px;font:700 16px var(--cond);text-transform:uppercase}
.profile h2{font-size:40px}
.profile .eyebrow{color:var(--paper-ink-2);margin-top:25px}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tag{padding:4px 9px;background:var(--paper-2);font-size:14px}
.profile blockquote{margin:22px 0 0;padding-left:14px;border-left:3px solid var(--gold);font:400 17px/1.6 var(--serif);overflow-wrap:anywhere}
.card-footer{font-size:13px;border-top:1px solid var(--paper-ink-2);padding-top:18px;margin-top:25px}
.newspaper{background:var(--newsprint);color:var(--news-ink);padding:26px;box-shadow:0 15px 30px rgba(0,0,0,.2)}
.masthead{font:700 30px var(--serif);border-bottom:3px double var(--news-ink);padding-bottom:12px}
.newspaper h2{font-size:30px}
.newspaper p:not(.eyebrow){font:400 17px/1.7 var(--serif)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.next{border-top:1px solid var(--line);margin-top:45px;padding-top:25px}
.next h2{font:700 34px var(--cond)}
.next p{color:var(--ink-2)}
.transcript{margin-top:35px}
.transcript>div{margin-top:22px}
.error{color:var(--down);padding:14px;border:1px solid var(--down);border-radius:4px}
#status{color:var(--gold);font-size:16px;min-height:1.5em}
footer{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid var(--line);margin-top:45px;padding:24px 0 35px}

@media(max-width:760px){.intro-grid,.desk-grid,.result-grid{grid-template-columns:1fr;gap:28px}
.intro-grid{padding:35px 0 20px}
.memo{padding:24px}
.facts{position:static;grid-row:1}
.briefing-top{padding-top:25px}
.question p{font-size:22px;padding:20px}
.profile h2{font-size:34px}
.top{padding:18px 0}
.brand{font-size:20px}
.top>.quiet{font-size:13px}
.briefing-top h1{font-size:40px}
h1{font-size:60px}
.lead{font-size:22px}
.privacy{font-size:13px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}
}

/* Keep the active question and composer in place; the transcript expands underneath them. */
.briefing-history{margin-top:22px;border-top:1px solid var(--line);padding-top:14px;color:var(--ink-2)}
.briefing-history>div{max-height:280px;overflow:auto;margin-top:20px;overscroll-behavior:contain}
#answer-hint{margin:12px 0 0;font-size:13px}
.verdict-banner{border-left:6px solid var(--gold);padding:22px 26px;margin-bottom:28px;background:var(--curtain-2)}
.verdict-banner.survived{border-color:var(--up)}
.verdict-banner.survived #survival{color:var(--up)}
.verdict-banner.fired{border-color:var(--live)}
.verdict-banner.fired #survival{color:var(--down)}
.verdict-label{margin:0;font:600 20px/1.4 var(--cond)}
.verdict-banner #survival{margin-bottom:14px}
@media(max-width:760px){.verdict-banner{padding:20px 18px}.verdict-banner #survival{font-size:52px}}