:root {
  font-family: system-ui, sans-serif;
  color: #203d37;
  background: #f6f4ed;
  color-scheme: light;
}
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 840px; margin: auto; padding: 28px 24px 64px; }
nav { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 44px; }
nav a { display: inline-flex; align-items: center; min-height: 44px; }
a { color: #226453; text-underline-offset: 4px; overflow-wrap: anywhere; }
a[aria-current="page"] { font-weight: 700; }
:focus-visible { outline: 3px solid #aa701d; outline-offset: 4px; }
.eyebrow { font-size: 12px; letter-spacing: 2px; color: #536f66; }
h1 { font: normal clamp(36px, 7vw, 60px)/1.1 Georgia, serif; margin: 16px 0; }
h2 { font: normal 27px/1.25 Georgia, serif; margin: 36px 0 12px; }
p, li { line-height: 1.7; }
li + li { margin-top: 10px; }
ul { padding-left: 24px; }
.updated { color: #536f66; font-size: 14px; }
.summary { background: #fffefa; border: 1px solid #cfdbd0; border-radius: 16px; padding: 8px 24px; margin: 28px 0; }
footer { border-top: 1px solid #cfdbd0; margin-top: 40px; padding-top: 16px; font-size: 14px; }
@media (max-width: 480px) {
  main { padding: 20px 20px 48px; }
  nav { gap: 4px 18px; margin-bottom: 28px; }
  .summary { padding: 8px 18px; }
}