:root{color-scheme:dark;--paper:#111014;--ink:#f7f3e8;--accent:#ffea65;--olive:#ffea65}
html,body{background-color:#111014;color:#f7f3e8}body{display:block}
.site-shell{width:100%}header.masthead{padding-inline:0}.brand{color:#ffea65}a{font-family:inherit}
main{display:block;padding:0;position:relative;z-index:auto}.stage{isolation:isolate}
.stage-art>img{width:100%;height:auto;display:block}.stage-art:after{background:linear-gradient(180deg,#111014,transparent 14%,transparent 70%,#111014)}
.stage-art{mask-image:linear-gradient(to right,transparent,#000 40%)}
.joke-column{color:#f7f3e8}.stage-meta{flex-wrap:wrap}.joke-body{color:#f7f3e8}
.word[aria-pressed=true],.primary{color:#111014}.rating[aria-pressed=true]{color:#ffea65}
.joke-source a{text-decoration:underline}.share{color:#f7f3e8;font-weight:400}.share:hover{color:#ffea65}
.round-icon{font-family:'Barlow Condensed',sans-serif}.round-title{color:#f7f3e8}.round-detail{color:#bcb4ae}
.stage-heading{font-weight:600}.vote-note{margin-bottom:0}.verification{margin-top:12px;max-width:100%}
.stage-page .audience-dock{display:block}.stage-page:has(.audience-dock) .site-footer{margin-top:0}
.site-footer{padding-inline:0;align-items:start}.site-footer nav{white-space:normal}.site-footer nav a{padding:0;border:0}
.page{width:min(100%,900px);padding:60px 0 70px;animation:none}.page h1,.empty h1{font-family:'Barlow Condensed',sans-serif;color:#ffea65}
.page h1{font-size:clamp(54px,6vw,86px)}.page .prose,.page .excerpt,.page .about-lead{font-family:Barlow,sans-serif}
.page .prose{color:#f7f3e8}.page .eyebrow{color:#bcb4ae}.page a:hover{color:#ffea65}
.empty{margin:0;max-width:700px;padding:70px 0}.empty p{color:#bcb4ae;font-size:18px}
.share-dialog input{width:100%;color:#f7f3e8;background:#111014;border:1px solid #706762;padding:12px;font-size:16px;margin:14px 0}
.share-dialog a{text-decoration:underline}.share-dialog .dialog-actions{display:flex;gap:12px;flex-wrap:wrap}
.skip{color:#111014}.round-progress{width:100%;border:0;display:block;height:2px;accent-color:#ffea65}
.round-progress::-webkit-progress-bar{background:#706762}.round-progress::-webkit-progress-value{background:#ffea65}
.round-progress::-moz-progress-bar{background:#ffea65}.round-panel .round-action{max-width:120px}
@media(max-width:760px){.stage-art{mask-image:linear-gradient(to bottom,#000,transparent 95%)}.stage-art>img{height:270px;object-fit:cover}.stage-art:after{background:linear-gradient(90deg,#111014,transparent)}.site-footer nav{justify-content:flex-start;gap:4px 20px}.page{padding:36px 0 55px}.page h1{font-size:62px}.site-footer{display:block}.stage-meta{font-size:11px;gap:8px}.writer{padding-left:8px}.audience-dock{max-height:65svh;overflow-y:auto}.stage-page{padding-bottom:calc(var(--dock-height,240px) + 20px)}}
@media(max-height:520px) and (max-width:760px){.stage-page .audience-dock{position:static;max-height:none;padding:20px 0;background:none;box-shadow:none}.stage-page{padding-bottom:0}}
@media print{.stage-art,.audience-dock{display:none}body,html,.joke-column,.joke-body{color:black;background:white}.stage-page{padding-bottom:0}}

.edge-curtain{background-size:auto 100vh}.word{max-width:100%;overflow-wrap:anywhere}
/* Archive excerpts must also tolerate the same unbroken source strings. */
.page{min-width:0}.excerpt{overflow-wrap:anywhere}.search-form input{min-width:0}.archive-sorts{flex-wrap:wrap}
.research-current{margin-inline:0;padding-inline:0}.evidence-card,.question-card,.case-card{background:#1b181c}
.tokens-figure{margin-inline:0}

/* Page titles are reading text, not the extra-bold club wordmark.
   The previous Arial layout's negative tracking crushes Barlow Condensed. */
.page h1,.empty h1{
  font-family:var(--font-display);
  font-weight:600;
  font-size:clamp(48px,6vw,80px);
  letter-spacing:0;
  word-spacing:.025em;
  line-height:1.12;
}
.page h2,.page h3{
  font-family:var(--font-display);
  font-weight:600;
  letter-spacing:0;
  line-height:1.2;
}
.page .case-card strong{font-weight:600;letter-spacing:0;line-height:1.3}
.page .evidence-card strong,.page .ratings-readout strong{letter-spacing:-.015em}
.page .about-lead,.page .excerpt{letter-spacing:0}
@media(max-width:760px){.page h1,.empty h1{font-size:clamp(44px,12vw,56px)}}
/* Smaller headings use the wider reading face. */
.page h3,.page .research-ballot h2{font-family:var(--font-body);font-weight:600;letter-spacing:0;line-height:1.3}

/* Research evidence and the reader's own repair idea. */
.recent-attempts {padding-left:1.3em}
.recent-attempts li {margin-block:16px;overflow-wrap:anywhere}
.recent-attempts span {display:block;color:var(--muted);font-size:16px}
.ballot-custom {display:grid;gap:12px;margin-top:24px}
.ballot-custom textarea {box-sizing:border-box;width:100%;font:inherit;color:var(--white);background:#101113;border:1px solid #777;padding:12px;border-radius:6px}
.ballot-custom button {min-height:48px;padding:12px;font:inherit;background:var(--yellow,#ffeb58);color:#111;border:0;border-radius:6px;cursor:pointer}
.ballot-option button[aria-pressed="true"] {border-color:#ffeb58;background:#343016}
.ballot-status {min-height:1.5em}