*{box-sizing:border-box}body{margin:0;color:#253039;background:#f7f8fa;font:18px/1.7 system-ui,sans-serif}header,main,footer{max-width:920px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #cbd2d8}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:var(--brand);text-underline-offset:4px}nav a{display:inline-block;padding:10px 0;min-height:44px}.brand{font-size:24px;font-weight:700;display:flex;gap:12px;align-items:center}.brand img{width:48px;height:48px;border-radius:12px}main{min-height:65vh;padding-top:48px}h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.2;color:var(--brand)}h2{font-size:1.4rem;margin-top:32px}p,li{max-width:72ch}footer{border-top:1px solid #cbd2d8;font-size:16px}.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:8px;background:white;padding:12px}:focus-visible{outline:3px solid #bb6500;outline-offset:4px}.actions{display:flex;flex-wrap:wrap;gap:16px}.actions a{padding:12px 18px;border:1px solid var(--brand);border-radius:8px} @media(max-width:480px){header,main,footer{padding:20px}main{padding-top:28px}nav{gap:12px}h1{overflow-wrap:anywhere}}