/* Skin: light paper, solid geometric fields, and high-contrast ink. */
:root { color-scheme: light; --paper: #f5f2e9; --ink: #292d34; --blue: #334a9d; --muted: #505665; --lilac: #dedbf1; --citron: #e8eaa7; --peach: #edd9c9; --sky: #cce0e8; --line: #adb0ac; }
body { color: var(--ink); background: var(--paper); }
::selection { background: var(--citron); color: var(--ink); }
a { color: var(--blue); }
a:hover { text-decoration-thickness: 2.5px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; }
main:focus { outline: none; }
button { color: var(--ink); background: var(--lilac); border: 2px solid var(--ink); border-radius: 12px; cursor: pointer; }
.masthead { border-bottom: 2px solid var(--ink); }
.wordmark { color: var(--ink); }
.wordmark-shape { background: var(--blue); border-radius: 50% 50% 0 50%; }
.wordmark-sub, .kicker, .topic-group, .date-note, .graphic-note { color: var(--muted); }
.header-link { color: var(--ink); }
.scenario { background: var(--peach); border-radius: 24px 60px 24px 24px; }
.scenario-label { color: var(--ink); }
.start-layout { border-top: 2px solid var(--ink); }
.map-cell { border-radius: 24px; }
.map-a { background: var(--lilac); }
.map-b { background: var(--citron); border-radius: 60px 24px 24px 24px; }
.map-c { background: var(--sky); border-radius: 24px 24px 60px 24px; }
.map-d { background: var(--peach); border-radius: 24px 60px 24px 24px; }
.map-letter { border: 1.5px solid var(--ink); border-radius: 50%; }
.map-b .map-letter, .map-c .map-letter { border-radius: 10px; }
.brief-index, .topic-row { border-top: 1px solid var(--line); }
.topic-row { color: var(--ink); }
.topic-row:last-child { border-bottom: 1px solid var(--line); }
.topic-row:hover { background: #ece9e0; }
.topic-row:hover strong { color: var(--blue); text-decoration: underline; text-underline-offset: .2em; }
.topic-arrow { color: var(--blue); }
.takeaway { background: var(--citron); border-radius: 26px 26px 26px 60px; }
.route { border-radius: 26px; }
.route-remote { background: var(--sky); border-top-right-radius: 60px; }
.route-room { background: var(--lilac); border-bottom-left-radius: 60px; }
.letter-path li { border-top: 2px solid var(--ink); }
.letter-path li::before { background: var(--citron); border-radius: 50%; }
.source-note { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.source-note span { color: var(--muted); }
.next-brief { background: var(--lilac); border-radius: 28px; }
.button-link { color: var(--paper); background: var(--blue); border: 2px solid var(--blue); border-radius: 12px; text-decoration: none; }
.button-link:hover { color: var(--blue); background: var(--paper); text-decoration: none; }
.site-footer { border-top: 2px solid var(--ink); }
.bottom-dock { background: #fcfbf7; border: 2px solid var(--ink); border-radius: 22px; box-shadow: 0 6px 0 rgba(41,45,52,.12); }
.bottom-dock a { color: var(--ink); border-radius: 15px; }
.bottom-dock a:hover { background: var(--lilac); }
.bottom-dock a[aria-current] { background: var(--citron); }
.bottom-dock a:focus-visible { outline-offset: -3px; }
.dock-symbol { border: 1.5px solid currentColor; }
.symbol-start { border-radius: 50% 50% 0 50%; }
.symbol-checks { border-radius: 50%; }
.symbol-checks::after { content: ''; position: absolute; inset: 4px; background: currentColor; border-radius: 50%; }
.symbol-cost { border-radius: 2px; transform: rotate(45deg); width: 13px; height: 13px; margin: 2px; }
.symbol-questions { border-radius: 50% 50% 50% 0; }
.symbol-all { border-width: 2px 0; height: 13px; margin-block: 2px; }
.symbol-all::after { content: ''; position: absolute; top: 4px; left: 0; right: 0; border-top: 2px solid currentColor; }
.skip-link { color: var(--paper); background: var(--blue); border-radius: 8px; }
.myth { background: #eeece5; border: 1.5px solid var(--ink); border-radius: 16px; }
.myth[open] { background: var(--sky); }
.reveal-label { color: var(--blue); text-decoration: underline; text-underline-offset: .2em; }
.price-panel { background: var(--citron); border-radius: 26px 60px 26px 26px; }
.urgent-help { background: var(--peach); border-left: 6px solid #81462d; border-radius: 18px 24px 24px 18px; }
.question-block { border-top: 1px solid var(--line); }
.sheet-letter { background: var(--lilac); border-radius: 50%; }
.question-block:nth-of-type(even) .sheet-letter { background: var(--citron); border-radius: 10px; }
.trial-graphic { background: var(--sky); border-radius: 24px; }
.trial-bar { border-radius: 3px 18px 18px 3px; }
.bar-drug { position: relative; background: var(--blue); }
.bar-range { position: absolute; inset: 0 0 0 71.77%; background: #6571a8; border-left: 2px solid var(--paper); border-radius: 0 18px 18px 0; }
.bar-placebo { background: #526e79; }
.source-group { border-top: 1px solid var(--line); }
.source-group a { color: var(--blue); }
.source-group li p { color: var(--muted); }
@media (prefers-reduced-motion: no-preference) {
  a, button { transition: background-color .12s ease, color .12s ease; }
}
@media (forced-colors: active) {
  .bottom-dock, .takeaway, .scenario, .map-cell, .trial-graphic { border: 1px solid CanvasText; }
  .trial-bar { background: CanvasText; }
}