:root { color-scheme: light dark; font: 16px/1.75 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f5f7f5; color: #202824; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 800px; margin: auto; padding: 40px 24px 120px; }
a { color: #176b43; text-underline-offset: 4px; }
.back { display: inline-block; margin-bottom: 40px; font-weight: 600; }
.eyebrow { font-size: 12px; letter-spacing: .16em; font-weight: 650; }
h1 { font-size: clamp(28px, 5vw, 44px); line-height: 1.2; letter-spacing: -.025em; }
h2 { margin-top: 32px; font-size: 22px; line-height: 1.4; }
.muted { color: #526159; font-size: 14px; }
li + li { margin-top: 12px; }
ul { padding-left: 22px; }
code { overflow-wrap: anywhere; font-size: .9em; }
hr { margin: 48px 0; border: 0; border-top: 1px solid #cdd9d1; }
:focus-visible { outline: 3px solid #176b43; outline-offset: 4px; }
@media (prefers-color-scheme: dark) {
  :root { background: #101a14; color: #f1f7f3; }
  a { color: #91e1b1; }
  .muted { color: #bacbc0; }
  hr { border-color: #465c4d; }
}