:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #090909; color: #f3f2ee; }
      * { box-sizing: border-box; }
      body { max-width: 760px; margin: 0 auto; padding: clamp(2rem, 8vw, 6rem) 1.5rem; line-height: 1.7; }
      h1 { margin: 0 0 1rem; font-size: clamp(2.5rem, 8vw, 4.5rem); font-weight: 400; letter-spacing: -.06em; line-height: 1.1; }
      h2 { margin: 2rem 0 .5rem; font-size: 1.1rem; font-weight: 600; scroll-margin-top: 2rem; }
      h3 { margin: 1.5rem 0 .5rem; font-size: 1rem; font-weight: 600; }
      p, li { color: #b8b7b1; }
      a { color: #f3f2ee; text-underline-offset: 3px; }
      a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
      ul { padding-left: 1.2rem; }
      .back { display: inline-block; margin-bottom: 3rem; font-size: .8rem; }
      .note, .updated { font-size: .85rem; }
      footer { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #343434; font-size: .85rem; }