*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#090e19;color:#e8edf5;font:17px/1.75 system-ui,sans-serif}main{max-width:880px;margin:auto;padding:40px 24px 72px}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.2}h2{font-size:1.35rem;margin-top:32px;line-height:1.4}a{color:#a9ccff;text-underline-offset:3px;overflow-wrap:anywhere}nav{display:flex;gap:24px;flex-wrap:wrap}p{margin:14px 0}.date{color:#b0bdd0}footer{margin-top:40px;padding-top:20px;border-top:1px solid #344157}:focus-visible{outline:3px solid #ffdf91;outline-offset:4px}