:root{color-scheme:light dark;--background:#fff;--text:#222;--secondary:#555;--rule:#d6d6d6;--link:#1657a6}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{max-width:820px;margin:0 auto;padding:48px 24px 32px;background:var(--background);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}
h1{font-size:32px;line-height:1.25;margin:0 0 7px;font-weight:650;letter-spacing:-.02em}
.subtitle{font-size:20px;margin-bottom:22px}
h2{font-size:24px;line-height:1.35;margin:0 0 16px;font-weight:600}
h3{font-size:20px;line-height:1.35;margin:0 0 10px;font-weight:600}
p{margin:0 0 14px}
header{padding-bottom:30px}
nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:20px;font-size:14px}
section{border-top:1px solid var(--rule);padding-top:26px;margin-bottom:30px}
article{padding:20px 0 10px;border-bottom:1px solid var(--rule)}
article:last-child{border-bottom:0}
.requirements{font-size:14px;color:var(--secondary)}
a{color:var(--link);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:2px solid var(--link);outline-offset:4px}
.links{display:flex;flex-wrap:wrap;gap:8px 26px;font-size:14px}
code{font-size:.95em}
footer{border-top:1px solid var(--rule);padding-top:20px;font-size:13px;color:var(--secondary);line-height:1.9}
.skip{position:absolute;left:12px;top:-80px;padding:10px;background:var(--background)}.skip:focus{top:12px}
@media(max-width:560px){body{padding:30px 20px 24px}h1{font-size:29px}h2{font-size:23px}h3{font-size:20px}}
@media(prefers-color-scheme:dark){:root{--background:#171717;--text:#eee;--secondary:#bbb;--rule:#444;--link:#91bfff}}