*{box-sizing:border-box}body{margin:0;background:#f6f7f8;color:#19212b;font:18px/1.65 system-ui,sans-serif}main{max-width:760px;margin:48px auto;padding:32px;background:white;border:1px solid #dde2e7;border-radius:12px}a{color:#18578e;text-underline-offset:3px}nav{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:16px}h1{font-size:clamp(28px,5vw,38px);line-height:1.2;margin:28px 0 20px}h2{font-size:22px;margin:28px 0 8px}p{margin:12px 0}footer{border-top:1px solid #dde2e7;margin-top:30px;padding-top:20px;font-size:15px} @media(max-width:600px){main{margin:0;padding:24px 20px;border:0;border-radius:0;min-height:100vh}}