:root{font:16px/1.7 system-ui,sans-serif;color:#fff4d6;background:#240b04;color-scheme:dark;scroll-behavior:smooth}*{box-sizing:border-box}main{width:min(780px,calc(100% - 32px));margin:40px auto}a{color:#ffcc24;text-underline-offset:4px}a:focus-visible{outline:3px solid #59e1fa;outline-offset:4px}nav{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}section{padding-block:20px;border-top:1px solid #a4642c;overflow-wrap:anywhere}h1{font-size:2.4rem;line-height:1.2}h2{font-size:1.3rem;line-height:1.4}p{margin-block:16px}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}