.counterpoint-page { --cp-width:1280px; }
.counterpoint-page [hidden] { display:none!important; }
.counterpoint-page :focus-visible { outline:3px solid #2858ad;outline-offset:5px; }
.counterpoint-page .site-header { max-width:1480px;height:100px; }
.counterpoint-page .site-header nav [aria-current="page"] { text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px; }
.cp-hero { background:var(--yellow);padding:30px 5vw 44px; }
.cp-hero-inner { max-width:var(--cp-width);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 265px;align-items:center;gap:62px; }
.cp-hero h1 { font:900 clamp(64px,7.8vw,112px)/.98 var(--display);font-stretch:90%;letter-spacing:-.055em; }
.cp-deck { font:500 clamp(27px,2.7vw,39px)/1.15 var(--serif);letter-spacing:-.025em;margin-top:27px; }
.cp-description { max-width:660px;margin-top:23px;font-size:18px;line-height:1.6; }
.cp-hero-link { display:inline-flex;align-items:center;gap:24px;margin-top:27px;font-weight:650;text-decoration-thickness:1px; }
.cp-hero-link span { font-size:25px;line-height:1; }
.cp-cover { transform:rotate(5deg);margin:18px 14px 0 0;box-shadow:13px 13px 0 #00000015; }
.cp-discussion { max-width:calc(var(--cp-width) + 10vw);padding:62px 5vw 78px;margin:auto;scroll-margin-top:24px; }
.section-heading { display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:28px; }
.section-heading h2 { font-size:34px; }
.preview-notice { font-size:15px;color:#66665b; }
.episode-tabs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bcbdb0;border-bottom:1px solid #bcbdb0;gap:0;margin-bottom:48px; }
.episode-tab { position:relative;text-align:left;padding:23px 40px 26px 25px;border-right:1px solid #bcbdb0;transition:background .15s; }
.episode-tab:first-child { border-left:1px solid #bcbdb0; }
.episode-tab[aria-selected="true"] { background:var(--yellow);box-shadow:inset 0 -4px 0 var(--ink); }
.episode-tab:hover { background:#eeeccf; }.episode-tab[aria-selected="true"]:hover { background:var(--yellow); }
.tab-number { display:block;font-size:14px;margin-bottom:7px; }
.tab-title { display:block;font-weight:650;font-size:21px;line-height:1.25;max-width:300px; }
.tab-arrow { position:absolute;right:21px;top:20px;font-size:24px; }.episode-tab:not([aria-selected="true"]) .tab-arrow { opacity:.35; }
.episode-panel { display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.4fr);gap:clamp(32px,5vw,76px);align-items:start; }
.episode-context { position:sticky;top:35px;background:var(--episode-color); }
.episode-art { aspect-ratio:1.38;overflow:hidden; }
.episode-art img { width:100%;height:100%;object-fit:cover;object-position:65% center; }
.episode-details { padding:28px 30px 32px; }
.release-date { font-size:15px;margin-bottom:19px;color:#565a4d; }
.episode-details h2 { font-size:clamp(34px,3.5vw,48px);line-height:1;letter-spacing:-.04em;text-wrap:balance; }
.essay-link { display:inline-flex;gap:24px;align-items:center;margin-top:27px;font-size:16px; }
.episode-questions { min-width:0; }
.questions-heading { padding-bottom:26px; }
.questions-heading h2 { font-size:32px;line-height:1.1;letter-spacing:-.025em; }
.questions-heading p { margin-top:10px;font-size:16px;color:#575c4e; }
.question-list { list-style:none;margin:0;padding:0;border-bottom:1px solid #c6cbbd; }
.question { border-top:1px solid #c6cbbd;scroll-margin-top:24px; }
.question.is-open { background:#edf0e1; }
.question h3 { margin:0; }
.question-toggle { display:grid;grid-template-columns:24px minmax(0,1fr) auto 20px;gap:12px;width:100%;align-items:start;padding:21px 12px;text-align:left; }
.question-toggle:hover { background:#edf0e1; }
.question-toggle:focus-visible { outline-offset:-3px; }
.question-number { font:400 15px/1.5 var(--sans);color:#575c4e;padding-top:2px; }
.question-title { font:500 clamp(24px,2.1vw,29px)/1.16 var(--serif);letter-spacing:-.015em;overflow-wrap:anywhere; }
.question-state { font:500 12px/1.5 var(--sans);color:#575c4e;align-self:center; }
.question-expand { font:400 22px/1.1 var(--sans);text-align:center; }
.question-body { padding:0 44px 29px 48px; }
.question-description { font-size:17px;line-height:1.65;color:#575c4e;margin-bottom:23px; }
.question-toggle:disabled,.episode-tab:disabled { cursor:wait; }
.upcoming-description { font-size:20px;color:#555c5e;max-width:480px;margin:10px 0 72px; }
.submission-form-wrap { min-width:0; }
#counterpoint-fields { border:0;padding:0;margin:0;min-width:0; }
#counterpoint-form label { display:block;font-size:15px;font-weight:600;margin:0 0 7px; }
#counterpoint-form textarea,#counterpoint-form input { display:block;width:100%;padding:11px 12px;border:1px solid #a2aa95;border-radius:0;background:#fffef8;color:var(--ink);font:400 16px/1.5 var(--sans); }
#counterpoint-form textarea { resize:vertical;min-height:170px; }
#counterpoint-form textarea[name="sources"] { min-height:82px; }
#counterpoint-form textarea:focus-visible { outline:3px solid #2858ad;outline-offset:4px; }
#counterpoint-form input:disabled,#counterpoint-form textarea:disabled { opacity:.65; }
.cp-sources { margin:15px 0 20px; }
.cp-sources summary { width:fit-content;font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding-block:5px; }
#counterpoint-form .cp-sources label { margin-top:13px; }
.cp-contact { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px; }
.cp-form-note { font-size:13px;line-height:1.45;color:#575c4e;margin-top:7px; }
#send-counterpoint { margin-top:22px;padding:13px 19px;min-height:48px;font-size:15px;max-width:100%; }
#send-counterpoint:disabled { opacity:.5;cursor:wait; }
.cp-form-status { font-size:15px;line-height:1.5;margin-top:13px; }
.cp-form-status:empty { display:none; }
.cp-form-status.error { color:#92291f; }
.cp-form-success h3 { font:500 32px/1.1 var(--serif);letter-spacing:-.03em;margin-bottom:16px; }
.cp-form-success p { margin-bottom:20px; }
#counterpoint-another { text-decoration:underline;text-underline-offset:4px;padding-block:8px; }
.cp-followup { background:var(--ink);color:var(--paper);padding:64px 5vw; }
.cp-followup-inner { max-width:var(--cp-width);margin:auto;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:clamp(36px,6.5vw,100px); }
.cp-followup h2 { font-size:44px;line-height:1.05;max-width:300px; }
.cp-followup p { font-size:18px;line-height:1.65;max-width:710px;color:#e0e2d6; }.cp-followup p+p { margin-top:19px; }.cp-followup .free-note { color:var(--yellow);font-weight:600; }
.counterpoint-page footer { border-top:1px solid #ffffff2a; }
.counterpoint-page .noscript-note { padding:20px 5vw; }
@media(min-width:1500px){.cp-hero-inner{grid-template-columns:minmax(0,1fr) 320px;gap:85px}.cp-hero{padding-block:42px 58px}}
@media(max-width:1000px){.cp-hero-inner{grid-template-columns:minmax(0,1fr) 190px;gap:30px}.cp-hero h1{font-size:8.2vw}.cp-cover{margin-right:7px}.cp-deck{font-size:30px}.cp-description{font-size:17px}.episode-tab{padding:20px 35px 24px 18px}.tab-title{font-size:18px}.tab-arrow{right:14px}.episode-panel{grid-template-columns:235px minmax(0,1fr);gap:30px}.episode-details{padding:23px}.episode-details h2{font-size:36px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.cp-contact{grid-template-columns:1fr;gap:16px}.question-body{padding-right:24px}}
@media(max-width:740px){.counterpoint-page .site-header{height:85px;padding-inline:23px;gap:16px}.counterpoint-page .site-header nav{gap:18px;font-size:14px}.cp-hero{padding:34px 24px 42px}.cp-hero-inner{display:block}.cp-hero h1{font-size:clamp(49px,10.7vw,78px);letter-spacing:-.05em}.cp-deck{font-size:30px;margin-top:22px}.cp-description{font-size:17px;margin-top:19px;max-width:540px}.cp-hero-link{margin-top:23px}.cp-cover{display:none}.cp-discussion{padding:38px 23px 48px}.section-heading{margin-bottom:21px}.section-heading h2{font-size:31px}.episode-tabs{grid-template-columns:1fr;margin-bottom:30px}.episode-tab{padding:16px 48px 17px 17px;border-bottom:1px solid #bcbdb0;border-left:1px solid #bcbdb0;display:grid;grid-template-columns:72px 1fr;gap:13px;align-items:center}.episode-tab:last-child{border-bottom:0}.episode-tab[aria-selected="true"]{box-shadow:inset 4px 0 0 var(--ink)}.tab-number{font-size:13px;margin:0}.tab-title{font-size:16px;max-width:none}.tab-arrow{top:50%;transform:translateY(-50%);right:16px;font-size:23px}.episode-panel{display:block}.episode-context{position:static;display:grid;grid-template-columns:36% 1fr;margin-bottom:35px}.episode-art{aspect-ratio:auto;min-height:175px}.episode-details{padding:20px}.episode-details h2{font-size:30px}.release-date{font-size:13px;margin-bottom:10px}.essay-link{font-size:14px;margin-top:17px;gap:16px}.questions-heading{padding-bottom:21px}.questions-heading h2{font-size:29px}.questions-heading p{font-size:15px}.question-toggle{grid-template-columns:20px minmax(0,1fr) auto 16px;gap:8px;padding:18px 5px}.question-title{font-size:24px}.question-body{padding:0 13px 25px 33px}.question-description{font-size:16px}.upcoming-description{font-size:18px;margin-bottom:40px}.cp-followup{padding:42px 24px}.cp-followup-inner{display:block}.cp-followup h2{font-size:38px;max-width:none;margin-bottom:25px}.cp-followup p{font-size:17px}.counterpoint-page footer{display:flex;flex-wrap:wrap;gap:14px 26px;font-size:13px}.counterpoint-page footer>a:first-child{flex-basis:100%}.counterpoint-page footer>a:last-child{margin-left:auto}}
@media(max-width:360px){.counterpoint-page .site-header nav{gap:12px;font-size:12px}.counterpoint-page .wordmark{font-size:18px}.cp-hero h1{font-size:10.5vw}.cp-deck{font-size:27px}.cp-discussion{padding-inline:18px}.episode-details{padding:15px}.episode-details h2{font-size:27px}.question-title{font-size:22px}}
