:root{font-family:"Segoe UI",Arial,system-ui,sans-serif;color:#173c36;background:#f7f6ef;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-width:320px;line-height:1.65}
a{color:#175a50}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid #b98c2b;outline-offset:3px}
.wrap{width:min(calc(100% - 40px),860px);margin-inline:auto}
.site-header{border-bottom:1px solid #cad8d1;background:#fffef9}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px}
.brand{color:#123b36;font-size:1.2rem;font-weight:800;text-decoration:none;letter-spacing:-.02em}
.top-nav{display:flex;flex-wrap:wrap;gap:10px 20px}
.top-nav a{font-weight:650;text-decoration:none}
.top-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
main{padding-block:56px 80px}
.eyebrow{color:#28665d;text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:800}
h1,h2{line-height:1.2;letter-spacing:-.025em}
h1{font-size:clamp(2.2rem,5vw,3.5rem);margin:.35em 0 .3em}
h2{font-size:1.35rem;margin:2.1em 0 .55em}
p,li{font-size:1.04rem}
p{margin:0 0 1em}
ul{padding-left:1.5em}
.updated{color:#506660;margin-bottom:2.4em}
.lede{font-size:1.17rem;color:#34564e}
.note{border-left:4px solid #d0ab52;background:#fffaf0;padding:16px 20px;margin:1.5em 0}
.site-footer{border-top:1px solid #cad8d1;background:#123b36;color:#f7f6ef;padding:28px 0}
.site-footer a{color:#f7f6ef}
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px}
@media(max-width:600px){.header-inner{align-items:flex-start;flex-direction:column}main{padding-block:36px 60px}}