:root{color-scheme:light;--paper:#f7f9f7;--ink:#172b28;--body:#2d413d;--sub:#4c625b;--accent:#075b4d;--line:#d5e2dc}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--body);font:1rem/1.68 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--accent);text-underline-offset:.22em;overflow-wrap:anywhere}
a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.wrap{width:min(100% - 2rem,49rem);margin-inline:auto}
header,footer{border-block-end:1px solid var(--line)}
header .wrap,footer .wrap{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;flex-wrap:wrap;padding-block:1rem}
.brand{font-weight:760;color:var(--ink);text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:.5rem 1.15rem;font-size:.94rem}
nav a[aria-current=page]{font-weight:700;color:var(--ink)}
main{padding-block:clamp(2.2rem,6vw,4.5rem)}
.kicker,.date{color:var(--sub);font-size:.92rem}
.kicker{font-weight:700;letter-spacing:.075em;text-transform:uppercase}
h1,h2,h3{color:var(--ink);line-height:1.2}
h1{font-size:clamp(2.25rem,7vw,4rem);letter-spacing:-.045em;margin:.35rem 0 .6rem}
h2{font-size:1.35rem;margin:2.2rem 0 .55rem;scroll-margin-top:1rem}
h3{font-size:1.05rem}
p{margin:.65rem 0}
li+li{margin-top:.4rem}
.lead{font-size:1.13rem}
.note{background:#e9f3ee;border-inline-start:3px solid #197264;padding:1rem 1.15rem;margin:1.6rem 0}
.links{padding:0;list-style:none}
.links a{display:block;padding:.85rem 0;border-block-end:1px solid var(--line);font-weight:680}
footer{border-block-start:1px solid var(--line);border-block-end:0;color:var(--sub);font-size:.9rem}