:root {
    color-scheme: light dark;
    --bg: #fbfaf7;
    --surface: #ffffff;
    --text: #22201c;
    --muted: #5f5a52;
    --border: #e4e0d8;
    --accent: #4a6b57;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --bg: #16150f;
      --surface: #1d1c16;
      --text: #ece8df;
      --muted: #a5a094;
      --border: #33312a;
      --accent: #8fb69c;
    }
  }
  * { box-sizing: border-box; }
  body {
    margin: 0;
    padding: 3rem 1.25rem 5rem;
    background: var(--bg);
    color: var(--text);
    font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
  }
  main { max-width: 46rem; margin: 0 auto; }
  h1 { font-size: 1.9rem; line-height: 1.2; margin: 0 0 .4rem; letter-spacing: -.02em; }
  h2 {
    font-size: 1.2rem; margin: 2.75rem 0 .75rem; letter-spacing: -.01em;
    padding-top: 1.5rem; border-top: 1px solid var(--border);
  }
  h3 { font-size: 1rem; margin: 1.75rem 0 .5rem; color: var(--accent); }
  p, li { color: var(--text); }
  .lede { color: var(--muted); margin: 0 0 .25rem; }
  .updated { color: var(--muted); font-size: .875rem; margin: 0 0 2rem; }
  ul { padding-left: 1.25rem; }
  li { margin: .4rem 0; }
  a { color: var(--accent); }
  code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .875em; background: var(--surface);
    border: 1px solid var(--border); border-radius: 4px; padding: .1em .35em;
  }
  .table-wrap { overflow-x: auto; margin: 1rem 0; }
  table { border-collapse: collapse; width: 100%; min-width: 34rem; font-size: .9375rem; }
  th, td { text-align: left; padding: .6rem .75rem; border-bottom: 1px solid var(--border); vertical-align: top; }
  th { font-weight: 600; color: var(--muted); font-size: .8125rem; text-transform: uppercase; letter-spacing: .04em; }
  .note {
    background: var(--surface); border: 1px solid var(--border);
    border-left: 3px solid var(--accent); border-radius: 6px;
    padding: .9rem 1.1rem; margin: 1.25rem 0;
  }
  .note p { margin: 0; }
  footer { margin-top: 3.5rem; padding-top: 1.25rem; border-top: 1px solid var(--border); color: var(--muted); font-size: .875rem; }