*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f4f6f9;color:#23334b;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.8}a{color:#2459a8;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #3269ca;outline-offset:5px}.skip{position:absolute;top:-100px;left:16px;background:#fff;padding:12px;z-index:10}.skip:focus{top:8px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid #dce3ed}header a{padding-block:8px}.brand{font-size:22px;font-weight:800;letter-spacing:.08em;color:#23334b;text-decoration:none}main{max-width:1120px;margin:auto;padding:0 24px}.hero{padding:64px 0 40px}.eyebrow{letter-spacing:.15em;font-size:12px;font-weight:750;color:#41708f}.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.3;letter-spacing:-.04em;margin:16px 0}.hero>p:not(.eyebrow){color:#52647b}.hero>a{display:inline-block;padding:12px 0}nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}nav a{border:1px solid #d4deea;border-radius:24px;padding:8px 16px;background:#fff;text-decoration:none;font-size:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}article{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dce3ed;border-radius:18px;padding:28px;scroll-margin-top:24px}.number{font-size:12px;letter-spacing:.14em;font-weight:700;color:#56728f}h2{font-size:22px;line-height:1.5;margin:8px 0 16px}ol{padding-left:24px;margin-top:0}li{padding:4px 0}.note{font-size:14px;color:#52647b;background:#f4f6f9;padding:16px;border-radius:10px}.open{display:inline-flex;justify-content:space-between;gap:12px;padding:12px 0;margin-top:auto;font-weight:650}.trouble{padding:48px 0}details{border-bottom:1px solid #d4deea;padding:12px 0}summary{cursor:pointer;padding:12px 0;font-weight:650}details p{max-width:800px;color:#52647b}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px 0 40px;font-size:14px}footer a{padding:8px 0}@media (max-width:680px){.grid{grid-template-columns:1fr}.hero{padding-top:40px}main{padding:0 20px}article{padding:22px}header{padding:12px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}