:root {
  color-scheme: light;
  --surface-base: #EDF0E8;
  --surface-card: #FCFDF8;
  --surface-section: #E4E9DC;
  --text-primary: #1F2A20;
  --text-secondary: #5C6A58;
  --primary: #23482F;
  --border: #D8DECC;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 24px 16px;
  background: var(--surface-base);
  color: var(--text-primary);
  font: 16px/24px 'Plus Jakarta Sans', sans-serif;
}
main {
  max-width: 640px;
  margin: 40px auto;
  padding: 24px;
  background: var(--surface-card);
  border: 1px solid var(--border);
  border-radius: 8px;
}
h1 { line-height: 1.2; }
p { color: var(--text-secondary); }
a, button {
  color: var(--primary);
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
nav { display: flex; flex-wrap: wrap; gap: 0 24px; }
code, .number { font-family: 'IBM Plex Mono', monospace; }