*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#1e293b;font:17px/1.75 system-ui,sans-serif}a{color:#1d4ed8;text-underline-offset:3px}a:hover{color:#1e40af}a:focus-visible{outline:3px solid #2563eb;outline-offset:4px}header,main,footer{max-width:900px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e2e8f0}.brand{font-weight:750;text-decoration:none;color:#0f172a}main{padding-top:48px;padding-bottom:56px}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;letter-spacing:-.035em;color:#0f172a}h2{line-height:1.3;margin-top:40px}h3{line-height:1.4}p,li{max-width:75ch}li{margin-bottom:12px}.eyebrow{color:#475569;font-size:14px;font-weight:650}.lead{font-size:20px;color:#475569}.button{display:inline-block;background:#1d4ed8;color:white;padding:12px 22px;border-radius:9px;text-decoration:none;font-weight:650}.button:hover{background:#1e40af;color:white}.note,.card{padding:24px;background:white;border:1px solid #e2e8f0;border-radius:14px;margin:24px 0}.card h2{margin-top:0;font-size:24px}.note{border-left:4px solid #2563eb}figure{margin:32px 0}img{display:block;width:100%;height:auto;border:1px solid #cbd5e1;border-radius:10px}figcaption,footer{font-size:14px;color:#475569}footer{border-top:1px solid #e2e8f0}nav a{margin-right:18px}code{background:#e2e8f0;padding:2px 5px;border-radius:4px}@media(max-width:500px){header,main,footer{padding:20px}main{padding-top:28px}.card,.note{padding:18px}}