:root { color-scheme: dark; background: #090909; color: #ededed; font: 16px/1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
    body { margin: 0; text-transform: lowercase; }
    main { max-width: 76ch; margin: 0 auto; padding: 32px 24px 64px; overflow-wrap: anywhere; }
    h1 { font-size: 1.5rem; line-height: 1.35; margin: 0 0 24px; }
    h2 { font-size: 1.1rem; line-height: 1.4; margin: 36px 0 12px; }
    h1, h2 { text-transform: uppercase; }
    p, ul { margin: 0 0 18px; }
    ul { padding-left: 24px; }
    li { margin-bottom: 12px; }
    a { color: inherit; text-underline-offset: .2em; }
    a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
    @media (max-width: 420px) { main { padding: 24px 16px 48px; } }