:root{color-scheme:dark;--canvas:#101010;--ink:#f1f0e8;--muted:#aaa9a2;--orange:#d88a58;--red:#f33d35;--rule:#30302d;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{background:var(--canvas);scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:6px}
.skip-link{position:fixed;top:12px;left:24px;z-index:10;padding:12px 20px;background:var(--ink);color:var(--canvas);transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.site-header{max-width:1600px;margin:auto;padding:32px 64px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--rule)}
.wordmark{font:600 12px/1.4 var(--mono);letter-spacing:.12em}
nav{display:flex;gap:32px}
nav a{font:12px/1.4 var(--mono);padding:14px 0;position:relative;white-space:nowrap}
nav a[aria-current="page"]{color:var(--orange)}
nav a[aria-current="page"]:after{content:"";position:absolute;bottom:5px;left:0;width:20px;height:1px;background:var(--orange)}
nav a:hover{color:var(--orange)}
main{max-width:1440px;margin:auto;padding:64px}
.episode-view{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:80px}
.episode-copy{min-width:0;padding:12px 0}
h1,h2,h3,p,figure{margin:0}
.episode-copy h1{font:600 clamp(36px,4.5vw,66px)/1.02 var(--mono);letter-spacing:-.065em}
.guest{margin-top:44px}
.eyebrow{font:500 12px/1.6 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--orange)}
.guest-name{font-size:clamp(28px,2.65vw,39px);line-height:1.15;letter-spacing:-.04em;font-weight:600}
.guest-name .eyebrow{display:block;margin-bottom:12px;letter-spacing:.17em}
.guest-role{font-size:18px;color:var(--muted);margin-top:10px}
.episode-details{border-top:1px solid var(--rule);margin-top:32px;padding-top:24px}
.live-badge{font:12px/1.4 var(--mono);letter-spacing:.16em;display:flex;align-items:center;gap:10px;margin-bottom:16px}
.live-badge span{width:8px;height:8px;border-radius:50%;background:var(--red);flex:none}
.episode-date{font-size:16px}
.episode-time{font:12px/1.7 var(--mono);letter-spacing:.025em;color:var(--muted);margin-top:6px}
.primary-action{display:inline-flex;align-items:center;gap:40px;justify-content:space-between;background:var(--ink);color:var(--canvas);font-size:15px;font-weight:600;min-height:52px;padding:14px 22px;margin-top:30px}
.primary-action span{font-size:24px;line-height:1}
.primary-action:hover{background:var(--orange)}
.poster-frame{border:1px solid var(--rule);background:var(--canvas);max-width:460px;justify-self:end;width:100%}
.poster-frame img{display:block;width:100%;height:auto;object-fit:contain}
.result-view{padding:20px 0 48px}
.result-heading{max-width:880px;margin-bottom:56px}
.result-heading h1{font:500 clamp(48px,7vw,96px)/1.05 var(--mono);letter-spacing:-.065em;margin-top:20px;overflow-wrap:anywhere}
.result-intro{font-size:22px;line-height:1.5;max-width:44ch;color:var(--muted);margin-top:24px;overflow-wrap:anywhere}
.result-feedback{color:var(--muted);font-size:16px;overflow-wrap:anywhere}
.result-feedback:has(#result-status:empty){display:none}
.result-feedback:has(#result-status:not(:empty)){margin-bottom:32px}
.secondary-action{border:1px solid var(--muted);background:transparent;color:var(--ink);min-height:48px;padding:10px 20px;margin-top:16px;cursor:pointer}
.secondary-action:hover{border-color:var(--orange);color:var(--orange)}
.result-section{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;border-top:1px solid var(--rule);padding:40px 0 52px;min-height:200px}
.result-section .eyebrow{padding-top:5px}
.result-section-copy{max-width:760px;min-width:0;overflow-wrap:anywhere}
.result-section h3{font-size:28px;line-height:1.25;letter-spacing:-.03em;margin-bottom:20px}
.result-body{font-size:20px;line-height:1.65;color:var(--muted);overflow-wrap:anywhere;white-space:normal}
.result-body p+p{margin-top:20px}
.result-section[data-state="published"] .result-body,.result-body[data-state="published"]{color:var(--ink)}
@media(min-width:1600px){main{padding-top:80px}}
@media(max-width:1050px){.site-header{padding:28px 40px}main{padding:48px 40px}.episode-view{gap:40px}.episode-copy h1{font-size:clamp(34px,4.9vw,52px)}.guest{margin-top:30px}.guest-name{font-size:30px}.result-section{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:700px){.site-header{padding:20px 24px;gap:16px}.wordmark{font-size:9px;letter-spacing:.055em}nav{gap:20px}nav a{font-size:11px}main{padding:36px 24px 48px}.episode-view{grid-template-columns:minmax(0,1fr);gap:48px}.episode-copy{padding:0}.episode-copy h1{font-size:clamp(32px,8.7vw,54px);letter-spacing:-.055em}.guest{margin-top:30px}.guest-name{font-size:32px}.guest-role{font-size:17px}.episode-details{margin-top:28px}.primary-action{width:100%;margin-top:26px}.poster-frame{justify-self:center;max-width:430px}.result-view{padding:12px 0 0}.result-heading{margin-bottom:40px}.result-heading h1{font-size:clamp(42px,12vw,72px)}.result-intro{font-size:19px;margin-top:20px}.result-section{grid-template-columns:minmax(0,1fr);gap:20px;padding:28px 0 36px;min-height:0}.result-body{font-size:18px}.result-section h3{font-size:26px}.result-section .eyebrow{padding-top:0}}
@media(max-width:359px){.site-header{flex-wrap:wrap;gap:10px}.wordmark{font-size:10px}nav{width:100%;justify-content:space-between;gap:24px}nav a{font-size:12px}.guest-name{font-size:29px}.episode-time{font-size:11px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.noscript-notice{border-bottom:1px solid var(--rule);padding-bottom:24px;margin-bottom:32px;color:var(--muted)}
.result-body:not(.is-empty){color:var(--ink)}