/* Shared public palette and interaction tokens. */
:root{--disblur-accent:#b8adf2;--disblur-bg:#191919;--disblur-surface:#222;--disblur-ink:#f2f0eb;--disblur-muted:#b9b7bd;--disblur-radius:16px;--orange:var(--disblur-accent);--accent:var(--disblur-accent)}
.belong-primary,.faq-invitation a{background:var(--disblur-accent);color:var(--disblur-bg)}.belong-primary:hover,.faq-invitation a:hover{background:#ccc4fa}.belong-more:hover,.belong-actions a:focus-visible{color:var(--disblur-accent);outline-color:var(--disblur-accent)}
/* Pursuit: editorial question first, clear reading hierarchy, one action colour. */
.pursuit-trigger{background:var(--disblur-accent);color:var(--disblur-bg);border-radius:12px}.pursuit-note{border-radius:16px}.pursuit-note a{color:var(--disblur-accent)}
.hero h1{font-size:clamp(44px,6vw,88px);line-height:1.05;max-width:23ch}.pursuit-introduction h2,.about-grid h2{font-size:clamp(32px,3.6vw,48px);line-height:1.12}.pursuit-introduction p,.about-grid .about-lead{font-size:20px;line-height:1.6}.section-card-copy strong{font-size:26px;line-height:1.12}.section-card-copy>span{font-size:14px;line-height:1.5}.section-reading h2{font-size:clamp(32px,4vw,48px)}.section-reading-intro{font-size:18px;line-height:1.6}.section-chapter summary{font-size:24px}.section-chapter-questions h3{font-size:21px;line-height:1.45}.section-chapter-questions p{font-size:18px;line-height:1.65}
.participation-red .participation-card{background:var(--disblur-surface);color:var(--disblur-ink);--orange:var(--disblur-accent);border:1px solid #ffffff20;border-radius:24px;padding:56px 64px}.participation-red .participation-invitation{color:var(--disblur-accent);font-size:12px}.participation-red .question{font-size:clamp(32px,3.8vw,48px);line-height:1.12;color:var(--disblur-ink)}.participation-red .hint{font-size:18px;line-height:1.6;color:var(--disblur-muted)}.participation-red .record-button,.participation-red .primary{background:var(--disblur-accent);color:var(--disblur-bg);border-color:var(--disblur-accent)}.participation-red .record-button:hover,.participation-red .primary:hover{background:#ccc4fa}.participation-red .primary{border-radius:12px}.participation-red .record-button svg{stroke:currentColor}.participation-red .stop-icon{background:var(--disblur-bg)}.participation-red .answer-field{border-radius:16px;background:#191919;border-color:#ffffff35}.participation-red .answer-field:focus-within{border-color:var(--disblur-accent);box-shadow:0 0 0 1px var(--disblur-accent);background:#191919}.participation-red input{color:var(--disblur-ink);background:#191919!important;border-color:#ffffff40}.participation-red .code-cells span{background:#191919;color:var(--disblur-ink)}.participation-red .response-guidance p{color:var(--disblur-muted);font-size:14px}.response-guidance a{color:var(--disblur-accent);font-size:16px}.participation-red button:focus-visible,.participation-red a:focus-visible,.participation-red input:focus-visible{outline-color:var(--disblur-accent)}.transcription-progress{color:var(--disblur-muted)}.transcription-track i{background:var(--disblur-accent)}.section-reading-nav button,.section-back,.section-big-number,.section-card-open{color:var(--disblur-accent)}
@media(max-width:767px){.hero h1{font-size:clamp(40px,10.5vw,64px)}.pursuit-introduction p,.about-grid .about-lead{font-size:18px}.section-card-copy strong{font-size:24px}.section-card-copy>span{font-size:13px}.section-chapter summary{font-size:21px}.section-chapter-questions h3{font-size:19px}.section-chapter-questions p{font-size:17px}.participation-red .participation-card{padding:32px 22px;border-radius:20px}.participation-red .hint{font-size:17px}.participation-red .question{font-size:32px}}

/* Neutral selection stays legible on light and dark public surfaces. */
::selection{background:#666;color:#fff}

/* Links use colour at rest; only their text is underlined on hover or focus. */
a { text-decoration: none !important; }
a:hover, a:focus-visible { text-decoration: underline !important; text-underline-offset: 5px; }
a [aria-hidden="true"], a .belong-arrow, a .header-involve-arrow { display: inline-block; text-decoration: none !important; }
.disblur-universal-header .universal-belong .belong-label, .header-involve .header-involve-label { text-decoration: none; }
.disblur-universal-header .universal-belong:hover .belong-label, .disblur-universal-header .universal-belong:focus-visible .belong-label { text-decoration: underline; text-underline-offset: 5px; }