body{margin:0;background:#102737;color:#f0f3ec;font:18px/1.65 system-ui,sans-serif}main,nav{max-width:820px;margin:auto;padding:28px}nav{border-bottom:1px solid #355262;display:flex;gap:24px;flex-wrap:wrap}a{color:#72e5cf}h1{font-size:clamp(32px,7vw,52px);line-height:1.1}h2{font-size:24px;margin-top:32px}small{color:#aebfca}.tag{color:#ffd36b;letter-spacing:.12em;font-weight:700}footer{margin-top:48px;border-top:1px solid #355262;padding-top:16px}a:focus-visible{outline:3px solid #ffd36b;outline-offset:5px}