*{box-sizing:border-box}body{margin:0;background:#f4f7f7;color:#19343b;font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:28px}header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #d3e0df}.mark{background:#155b63;color:white;border-radius:12px;padding:9px 15px;font-weight:750;font-size:24px}.brand{color:#183e44;font-weight:700;text-decoration:none}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#4d7377}main{min-height:60vh;padding-top:40px;padding-bottom:52px}h1{font-size:clamp(29px,5vw,43px);line-height:1.16;margin:14px 0 24px;letter-spacing:-.035em}h2{font-size:23px;line-height:1.3;margin-top:34px}p,li{max-width:75ch}a{color:#11616b;text-underline-offset:3px}a:focus-visible{outline:3px solid #e5ac4a;outline-offset:4px}.lead{font-size:21px;line-height:1.55}.notice{background:#e5f0ed;border-left:4px solid #227768;padding:18px 22px;margin:25px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}.card{padding:22px;border:1px solid #ccdcda;background:white;border-radius:12px}.card h2{margin-top:0}code{background:#e2eceb;padding:3px 6px;border-radius:4px;overflow-wrap:anywhere}footer{border-top:1px solid #d3e0df;font-size:14px;color:#48666b}nav{display:flex;flex-wrap:wrap;gap:8px 22px}small{display:block;color:#557176}.draft{background:#fff2d7;border-bottom:1px solid #e6cea2;padding:9px 28px;text-align:center;font-size:13px;color:#684a19}@media(max-width:480px){header,main,footer{padding-left:20px;padding-right:20px}.lead{font-size:19px}}