:root{--ground:#fafaf9;--surface:#fff;--ink:#1c1917;--ink-soft:#78716c;--border:#e7e5e4;--accent:#a32e3a;--accent-strong:#8c2733;--on-accent:#fff;--fill-soft:#fff3e0;--danger:#dc2626}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--background);color:var(--dark);-webkit-font-smoothing:antialiased}summary::-webkit-details-marker{display:none}

/* !important is load-bearing. The teaser carries an inline display of
   -webkit-box for the line clamp, and an inline style beats a stylesheet rule
   without it, so the teaser stayed visible under the full description. */details[open]>summary .teaser{display:none!important}summary:focus-visible{outline:2px solid var(--purple);outline-offset:3px;border-radius:4px}[id]{scroll-margin-top:24px}.pickToggle:after{content:"View"}details[open] .pickToggle:after{content:"Hide"}