:root {
      color-scheme: light dark;
      --bg: #fff;
      --fg: #111;
      --accent: #0074D9;
      --muted: #666;
      --section: #f9f9f9;
    }

    @media (prefers-color-scheme: dark) {
      :root {
        --bg: #111;
        --fg: #eee;
        --section: #1a1a1a;
      }
    }

    body {
      font-family: system-ui, sans-serif;
      background: var(--bg);
      color: var(--fg);
      line-height: 1.6;
      margin: 0;
      padding: 0 1rem;
      margin: auto;
    }

    h1, h2, h3 {
      color: var(--accent);
      margin-top: 2em;
    }

  details > summary {
    color: var(--accent);
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
  }

  #small-summary {
    color: #FAF9F6;
    font-size: 1.17em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
  }


  section {
    scroll-margin-top: 100px;
  }
    p {
      margin: 1em 0;
    }

    ul, ol {
      margin: 1em 2em;
    }

    blockquote {
      margin: 1em 2em;
      padding-left: 1em;
      border-left: 3px solid var(--accent);
      font-style: italic;
      color: var(--muted);
    }

    a {
      color: var(--accent);
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
    }

    nav {
      position: sticky;
      top: 0;
      background: var(--section);
      padding: 0.5em;
      z-index: 10;
      border-bottom: 1px solid var(--muted);
    }

    nav a {
      margin-right: 1em;
      font-weight: bold;
    }

    section {
      background: var(--section);
      padding: 1em;
      margin: 1em 0;
      border-radius: 8px;
    }

    details {
      margin-bottom: 1em;
    }

    summary {
      font-weight: bold;
      cursor: pointer;
    }

    @media (max-width: 600px) {
      body {
        padding: 0 0.5rem;
      }
    }

    nav {
        width: 100%;
        height: auto;
        border-right: none;
        border-bottom: 1px solid var(--muted);
      }