:root{color-scheme:light;--navy:#083b63;--ink:#17352f;--green:#16845f}
*{box-sizing:border-box}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#e6f1ef;line-height:1.65}
body{margin:0;min-width:280px}
.topbar{background:linear-gradient(90deg,#073b63,#0b527d);padding:10px max(16px,calc((100vw - 920px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.topbar a{color:#fff}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{border-radius:50%;background:#fff}.brand strong,.brand small{display:block;line-height:1.25}.brand strong{font-size:1.16rem}.brand small{font-size:.8rem}.back{font-weight:700;text-underline-offset:3px}
main{width:min(920px,calc(100% - 24px));margin:22px auto 36px;background:#fff;border:1px solid #cbded7;border-radius:20px;box-shadow:0 16px 40px rgba(8,59,99,.1);padding:clamp(20px,5vw,54px)}
.eyebrow{margin:0;color:var(--green);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2;color:var(--navy);margin:.4rem 0 1rem}h2{font-size:1.3rem;line-height:1.3;color:var(--navy);margin:0 0 .65rem}
.intro{font-size:1.1rem}.updated{color:#4e655f;font-size:.9rem}section{padding:1.35rem 0;border-top:1px solid #dce8e3}p,li{font-size:1rem}p{margin:.55rem 0 1rem}li{padding-left:.2rem;margin:.5rem 0}ul,ol{padding-left:1.6rem}a{color:#075e91;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #e79a10;outline-offset:3px}code{white-space:normal;overflow-wrap:anywhere;background:#edf5f2;padding:.08em .25em;border-radius:4px}
footer{width:min(920px,calc(100% - 24px));margin:0 auto 28px;display:flex;justify-content:space-between;gap:16px;font-size:.9rem;color:#49615a}
@media(max-width:560px){.topbar{padding:10px 14px}.brand small{display:none}.back{font-size:.87rem}main{margin-top:12px;border-radius:14px}footer{flex-wrap:wrap}}