:root{color-scheme:light;--navy:#102d3c;--ink:#183442;--muted:#536a75;--line:#d9e4e5;--cream:#f8f6f0;--teal:#167d79}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65}
header,footer{background:#fff}
header{border-bottom:1px solid var(--line)}
.wrap{width:min(880px,calc(100% - 40px));margin:0 auto}
nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 0}
.brand{font-weight:750;letter-spacing:-.025em;color:var(--navy);text-decoration:none;font-size:1.2rem}
nav .links{display:flex;gap:20px;flex-wrap:wrap}
a{color:#086a73;text-underline-offset:3px}
nav a{text-decoration:none}
nav .links a{font-size:.94rem}
main{padding:66px 0 90px}
.eyebrow{color:#126c70;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:700}
h1{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.16;letter-spacing:-.042em;color:var(--navy);margin:12px 0 22px}
h2{font-size:1.27rem;color:var(--navy);line-height:1.3;margin:34px 0 10px}
p{margin:0 0 16px}
.lead{font-size:1.16rem;color:#3c5663;max-width:740px}
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 30px;margin:32px 0}
.panel h2:first-child{margin-top:0}
.note{font-size:.92rem;color:var(--muted)}
ul{padding-left:24px}
li{margin:9px 0}
footer{border-top:1px solid var(--line);padding:25px 0;font-size:.85rem;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
:focus-visible{outline:3px solid #c18a2a;outline-offset:3px}
@media(max-width:560px){main{padding:42px 0 70px}.panel{padding:20px 19px}nav{align-items:flex-start;flex-direction:column}}