:root{font-family:system-ui,sans-serif;color-scheme:light dark;--paper:light-dark(#f4f0e7,#171918);--ink:light-dark(#242726,#f4f1e8);--soft:light-dark(#ded9cd,#303432);--link:light-dark(#315f59,#9ed9cf)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;padding:clamp(24px,5vw,72px)}main{width:min(760px,100%);margin:0 auto}a{color:var(--link);text-underline-offset:.18em}.back{display:inline-block;margin-bottom:clamp(34px,7vw,72px)}h1{margin:0 0 36px;font-size:clamp(42px,9vw,84px);line-height:.92;letter-spacing:-.065em}h2{margin:34px 0 8px;font-size:18px}p,li{font-size:16px;line-height:1.65}code{padding:.12em .34em;background:var(--soft);border-radius:4px}footer{margin-top:64px;padding-top:20px;border-top:1px solid var(--soft)}nav{display:flex;gap:16px;flex-wrap:wrap}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;padding:10px;background:var(--paper)}