.episode-cover {background:var(--color-field);border-block:1px solid var(--color-rule);padding-block:clamp(28px,4vw,60px)}
.episode-cover nav,.details,.source-note {font-size:15px;color:var(--color-muted)}
.episode-cover nav a,.bodycopy a,.notebook aside a {color:var(--color-accent);text-decoration:underline;text-underline-offset:4px}
.episode-cover h1 {font-size:clamp(38px,5.4vw,76px);margin:20px 0 28px;line-height:1.23;letter-spacing:-.03em}
.byline {font-weight:650}.details {display:flex;gap:16px;flex-wrap:wrap;margin:8px 0 22px}
.notebook {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,.85fr);gap:clamp(32px,7vw,104px);padding-block:clamp(36px,5vw,72px);align-items:start}
.bodycopy {max-width:44em}.bodycopy p {font-size:18px;line-height:1.9;margin-top:16px}
.bodycopy h3 {margin-top:32px}.bodycopy .source-note {border-top:1px dashed var(--color-rule);padding-top:20px;font-size:15px}
.notebook aside {background:var(--color-paper-2);border:1px solid var(--color-rule);border-top:5px solid var(--sun);padding:24px;border-radius:4px 14px 5px 5px;box-shadow:2px 3px 0 var(--soft-shadow)}
.notebook aside h2 {font-size:24px}.notebook aside p {line-height:1.8;margin-block:16px}.notebook aside a {display:block;padding-block:10px}
.ep-back {padding-bottom:24px;border-bottom:1px solid var(--color-rule)}
@media(max-width:760px){.notebook{grid-template-columns:minmax(0,1fr)}.bodycopy p{font-size:17px}.episode-cover h1 .wider{display:none}}