:root{color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.6;background:#eef8fa;color:#0b2430}
*{box-sizing:border-box}body{margin:0;padding:clamp(1.25rem,5vw,4rem)}main{max-width:38rem;margin:4vh auto}
.brand{font-weight:700;color:#087e8b}h1{font-size:clamp(2.3rem,7vw,3.8rem);line-height:1.1}h2{font-size:1.2rem;margin-top:2rem}
li{margin-block:.75rem}a{color:#086b77;text-underline-offset:.2em}a:focus-visible{outline:3px solid currentColor;outline-offset:4px}
@media(prefers-color-scheme:dark){:root{background:#0b2430;color:#eef8fa}.brand,a{color:#94e3e8}}