:root{color-scheme:light;--ink:#1b2923;--subtle:#45564e;--green:#245846;--line:#d9e0d9;--paper:#faf9f5}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 system-ui,sans-serif}
.wrap{max-width:54rem;margin:auto;padding-inline:clamp(1rem,4vw,2.5rem)}
header,footer{border-block-end:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1rem;padding-block:.6rem}
nav{display:flex;gap:1rem}
nav a,.brand{display:inline-flex;align-items:center;min-height:44px}
a{color:var(--green);text-underline-offset:.22em}
a:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.brand{gap:.65rem;text-decoration:none;font-weight:650}
.mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--green);font:1.4rem Georgia,serif}
main{padding-block:clamp(2rem,6vw,4rem)}
.eyebrow{color:var(--green);font-size:.875rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
h1{font:400 clamp(2.25rem,6vw,3.75rem)/1.1 Georgia,serif;margin:.5rem 0 1.2rem}
h2{font-size:1.25rem;line-height:1.3}
section{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}
.lead{font-size:1.15rem;color:var(--subtle)}
.fine,footer{color:var(--subtle);font-size:.9rem}
footer{border-block-start:1px solid var(--line);padding-block:1.2rem}
li+li{margin-top:.45rem}
.button{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .9rem;background:var(--green);color:white}
code,a{overflow-wrap:anywhere}