:root {
            color-scheme: light dark;
            --fg: #0f172a;
            --bg: #ffffff;
            --muted: #475569;
            --accent: #2563eb;
            --card: #f8fafc;
        }

        @media (prefers-color-scheme: dark) {
            :root {
                --fg: #e2e8f0;
                --bg: #0b1220;
                --muted: #94a3b8;
                --card: #0f172a;
            }
        }

        body {
            font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, sans-serif;
            line-height: 1.6;
            padding: 20px;
            max-width: 880px;
            margin: 0 auto;
            background: var(--bg);
            color: var(--fg);
        }

        h1,
        h2,
        h3 {
            color: inherit;
        }

        a {
            color: var(--accent);
        }

        .last-updated {
            color: var(--muted);
            font-style: italic;
        }

        .section {
            background: var(--card);
            border-radius: 14px;
            padding: 18px 20px;
            margin: 14px 0;
        }

        ul ul {
            margin-top: 5px;
        }