:root { color-scheme: light dark; }
  body {
    margin: 0 auto; padding: 32px 20px 64px; max-width: 42rem;
    font: 16px/1.75 -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", sans-serif;
    color: #1d1d1f; background: #fff;
  }
  @media (prefers-color-scheme: dark) { body { color: #f5f5f7; background: #1d1d1f; } }
  h1 { font-size: 1.75rem; margin: 0 0 .25em; }
  h2 { font-size: 1.15rem; margin: 2em 0 .5em; }
  .updated { color: #65656b; font-size: .9rem; margin-top: 0; }
  hr { border: 0; border-top: 1px solid #d2d2d7; margin: 3em 0; }
  @media (prefers-color-scheme: dark) { hr { border-top-color: #424245; } }
  code { font-size: .9em; background: rgba(128,128,128,.15); padding: .1em .35em; border-radius: 4px; }
  ul { padding-left: 1.3em; }
  a { color: #356345; text-underline-offset: .2em; }
  a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
  nav { display: flex; justify-content: space-between; gap: 24px; border-bottom: 1px solid #d2d2d7; padding-bottom: 20px; margin-bottom: 36px; }
  code { overflow-wrap: anywhere; }
  li + li { margin-top: .5em; }
  @media (prefers-color-scheme: dark) { a { color: #b1d7ad; } nav { border-color: #424245; } }

@media (prefers-color-scheme: dark) { .updated { color: #b2b2b8; } }

.brand-link { color: inherit; font-weight: 600; text-decoration: none; }