*{box-sizing:border-box}body{margin:0;background:#070910;color:#e2e8f0;font:17px/1.8 system-ui,sans-serif}main{max-width:860px;margin:auto;padding:48px 24px}header{border-bottom:1px solid #253347;padding-bottom:24px}h1{font-size:clamp(30px,6vw,48px);line-height:1.15;letter-spacing:-.035em}h2{font-size:24px;color:#63f3dc;margin-top:36px;line-height:1.3}a{color:#63f3dc;text-underline-offset:4px}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{padding:8px 0}nav [aria-current=page]{color:#f7cf75}.brand{letter-spacing:.16em;color:#f7cf75;font-weight:800;font-size:13px}.date{color:#9aa7bc}footer{border-top:1px solid #253347;margin-top:40px;padding-top:20px}a:focus-visible{outline:3px solid #63f3dc;outline-offset:5px}@media(max-width:400px){main{padding:32px 20px}h2{font-size:21px}}