:root{color-scheme:light dark;--paper:#f6f3ec;--ink:#172a28;--accent:#004660;--line:#b3b9b4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#172a28;--ink:#f6f3ec;--accent:#a7dcea;--line:#6a827c}}:root[data-theme=dark]{--paper:#172a28;--ink:#f6f3ec;--accent:#a7dcea;--line:#6a827c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;font-size:1rem;line-height:1.65}a{color:var(--accent);text-underline-offset:.2em}a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:absolute;left:1rem;top:-8rem;padding:.6rem;background:var(--paper);z-index:10}.skip-link:focus{top:1rem}.demo-banner{padding:.55rem 4vw;border-bottom:1px solid var(--line);font-size:.875rem}.site-header,footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 4vw}.site-header{border-bottom:1px solid var(--line)}.brand{font-weight:700;text-decoration:none;max-width:37rem}.theme-select{white-space:nowrap}select{font:inherit;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:.3rem;padding:.4rem;min-height:44px}main{width:92%;margin-inline:auto;min-height:60vh;padding-block:3.5rem}.prose{max-width:42rem}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.18;margin:0 0 1.5rem;text-wrap:balance}footer{border-top:1px solid var(--line);font-size:.875rem}@media (max-width:600px){.site-header{gap:1rem}.site-header,footer{align-items:flex-start;flex-direction:column}footer{gap:.5rem}main{padding-block:2.5rem}}