html{color-scheme:light dark;font:18px/1.65 system-ui,sans-serif;background:light-dark(#f4f7f8,#10191d);color:light-dark(#16292f,#eef5f6)}body{margin:0}header,main,footer{max-width:960px;margin:auto;padding:24px}header,nav,footer{display:flex;flex-wrap:wrap;gap:20px;align-items:center}header{justify-content:space-between}a{color:light-dark(#006675,#79d9e7);text-underline-offset:4px}nav a,footer a{display:inline-block;padding:8px 0}.brand{font-weight:750}h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.15;max-width:18ch}h2{line-height:1.3}.lead{font-size:1.25rem;max-width:65ch}section{margin:24px 0;padding:24px;border-radius:20px;background:light-dark(#fff,#1b2a30)}p{max-width:75ch}.skip{position:absolute;left:16px;top:-80px;padding:10px;background:Canvas}.skip:focus{top:8px}a:focus-visible{outline:3px solid currentColor;outline-offset:4px}footer{border-top:1px solid light-dark(#c9d5d9,#52646a)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}