:root{--bg:#fff;--fg:#111;--link:#0645ad;--link-visited:#5a3696;--link-hover:#0b57d0;--surface:#333;--surface-fg:#fff}@media(prefers-color-scheme:dark){:root{--bg:#0b0b0b;--fg:#eaeaea;--link:#8ab4f8;--link-visited:#c58af9;--link-hover:#a8c7fa;--surface:#1f1f1f;--surface-fg:#fff}}body{background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0}main{margin-top:2rem}h1,h2,h3{line-height:1.25}p,ul,ol{margin-bottom:1rem}.container{width:100%;max-width:820px;margin:0 auto;padding:2rem 1rem;box-sizing:border-box}a{color:var(--link);text-decoration:underline}a:visited{color:var(--link-visited)}a:hover,a:focus{color:var(--link-hover);text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--link-hover);outline-offset:3px}nav,footer{background-color:var(--surface);color:var(--surface-fg);text-align:center}nav{display:flex;flex-direction:column}nav>a{flex:1;text-align:center;text-decoration:none;color:var(--surface-fg);padding:.75rem 1rem;margin-right:0}@media only screen and (min-width:768px){nav{flex-direction:row}nav>a{margin-right:1rem}}