html{color-scheme:light dark;font:18px/1.65 system-ui,sans-serif}body{max-width:46rem;margin:auto;padding:1.5rem}nav,footer{display:flex;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #8886;padding:1rem 0}footer{border-bottom:0;border-top:1px solid #8886;margin-top:3rem}h1{line-height:1.2;margin-top:2rem}h2{font-size:1.2rem;margin-top:2rem}a{color:#076b98}a:focus-visible{outline:3px solid currentColor;outline-offset:4px}.date{opacity:.75} @media(prefers-color-scheme:dark){a{color:#86d5ff}}