:root {
  color-scheme: light;
  font-family: "Instrument Sans", system-ui, -apple-system, sans-serif;
  color: #172c28;
  background: #f5f7f2;
  line-height: 1.8;
}
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #165b48; text-underline-offset: 0.2em; }
a:focus-visible { outline: 2px solid #165b48; outline-offset: 4px; }
.skip { position: absolute; inset: 0 auto auto 1rem; transform: translateY(-150%); padding: .5rem; background: white; }
.skip:focus { transform: translateY(0); }
.wrap { width: min(100% - 2rem, 46rem); margin-inline: auto; }
.header { background: #fff; border-bottom: 1px solid #cfdbd1; }
.header-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 1rem; }
.brand { color: inherit; font-weight: 750; text-decoration: none; padding-block: .65rem; }
nav { display: flex; flex-wrap: wrap; gap: .2rem 1rem; }
nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; text-decoration: none; }
nav [aria-current] { text-decoration: underline; font-weight: 650; }
.main { padding-block: clamp(2rem, 8vw, 5rem) 4rem; overflow-wrap: anywhere; }
h1 { margin: 0 0 .8rem; font-size: clamp(1.9rem, 6vw, 3.2rem); letter-spacing: -.03em; line-height: 1.2; }
.lead { margin-block: 0 2.5rem; font-size: clamp(1rem, 3vw, 1.2rem); color: #3b5149; }
section { border-top: 1px solid #cfdbd1; padding-block: 1.15rem; }
h2 { margin: 0 0 .35rem; font-size: 1.15rem; }
p { margin: 0 0 .75rem; }
p:last-child { margin-bottom: 0; }
.links { padding-inline-start: 1.2rem; margin: 0; }