.doc { max-width: 760px; margin: 0 auto; padding-inline: 20px; }

        .doc-top { border-bottom: 1px solid var(--border); background: oklch(0.13 0.02 282 / 0.6); }

        .doc-top .doc { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding-block: 12px; }

        .doc-cta { margin-left: auto; color: var(--primary); font-size: 14.5px; font-weight: 600; text-decoration: none; }

        .doc-cta:hover { text-decoration: underline; text-underline-offset: 3px; }

        main.doc { padding-block: 40px 72px; line-height: 1.7; }

        .doc h1 { margin: 0 0 8px; font-size: clamp(24px, 3.4vw, 30px); line-height: 1.24; letter-spacing: -.02em; }

        .doc h2 { margin: 38px 0 12px; padding-top: 20px; border-top: 1px solid var(--border); font-size: 19px; line-height: 1.35; }

        .doc h2:first-of-type { border-top: 0; padding-top: 0; }

        .doc p { margin: 10px 0; }

        .doc .meta { color: var(--muted-foreground); font-size: 14px; margin: 0 0 28px; }

        .doc a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }

        .doc { overflow-wrap: anywhere; }

        .doc-foot { border-top: 1px solid var(--border); background: oklch(0.13 0.02 282 / 0.6); }

        .doc-foot .doc { display: grid; gap: 10px; padding-block: 26px 60px; color: var(--muted-foreground); font-size: 14px; }

        .doc-foot p { margin: 0; }

        @media print {
            :root {
                --background: #fff;
                --foreground: #000;
                --muted-foreground: #333;
                --primary: #000;
                --border: #bbb;
            }

            html { color-scheme: light; }

            html, body { background: #fff !important; color: #000 !important; }

            .doc { max-width: none; padding-inline: 0; }

            .doc-top, .doc-foot { background: none; }

            .doc-cta { display: none; }

            .brand, .brand-name, .brand-mark { background: none !important; box-shadow: none !important; color: #000 !important; }

            h1, h2, p, .meta { color: #000 !important; }

            a, a:visited { color: #000 !important; text-decoration: none !important; }
        }