/*
  ----------------------------------------
  Docs (superadmin markdown viewer)
  ----------------------------------------
*/

@layer styles {
    /* Prose container — typography defaults for rendered markdown */
    .prose {
        max-width: 80ch;
        line-height: 1.6;
        color: var(--darker);

        h1, h2, h3, h4, h5, h6 {
            margin-top: 1.5em;
            margin-bottom: 0.5em;
            line-height: 1.25;
        }

        p, ul, ol, blockquote, pre, table {
            margin-bottom: 1em;
        }

        ul, ol {
            padding-left: 1.5em;
        }

        a {
            color: var(--brand-1);
            text-decoration: underline;
        }

        blockquote {
            border-left: 3px solid var(--light);
            padding-left: 1em;
            color: var(--midtone);
        }

        hr {
            border: none;
            border-top: 1px solid var(--light);
            margin: 2em 0;
        }

        table {
            border-collapse: collapse;
            width: 100%;

            th, td {
                border: 1px solid var(--light);
                padding: 0.5em 0.75em;
                text-align: left;
            }

            th {
                background: var(--lighter);
            }
        }

        /* Code blocks */
        pre {
            background: #0d1117;
            border: 1px solid #3a3a3a;
            border-radius: 6px;
            padding: 1em;
            overflow-x: auto;
        }

        pre code {
            background: transparent;
            padding: 0;
            font-size: 0.875em;
            line-height: 1.5;
            display: block;
            font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
        }

        /* Inline code */
        code {
            background: #2a2a2a;
            color: #e6edf3;
            padding: 0.2em 0.4em;
            border-radius: 3px;
            font-size: 0.875em;
            font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
        }
    }

    /* Rouge syntax highlighting – GitHub dark theme */
    .highlight { background: #0d1117; }
    .highlight .hll { background-color: #3a3a3a; }
    .highlight .c,  .highlight .cm, .highlight .cp,
    .highlight .c1, .highlight .cs { color: #8b949e; }           /* Comments */
    .highlight .k,  .highlight .kd, .highlight .kn, .highlight .kp,
    .highlight .kr, .highlight .kt, .highlight .o,
    .highlight .ow  { color: #ff7b72; }                           /* Keywords / Operators */
    .highlight .kc  { color: #79c0ff; }                           /* Keyword.Constant */
    .highlight .m,  .highlight .mb, .highlight .mf, .highlight .mh,
    .highlight .mi, .highlight .mo, .highlight .il { color: #79c0ff; } /* Numbers */
    .highlight .s,  .highlight .sa, .highlight .sb, .highlight .sc,
    .highlight .dl, .highlight .sd, .highlight .s2, .highlight .sh,
    .highlight .si, .highlight .sx, .highlight .s1,
    .highlight .ss  { color: #a5d6ff; }                           /* Strings */
    .highlight .se  { color: #79c0ff; }                           /* String.Escape */
    .highlight .sr  { color: #7ee787; }                           /* String.Regex */
    .highlight .na, .highlight .no, .highlight .nl,
    .highlight .nv, .highlight .vc, .highlight .vg,
    .highlight .vi, .highlight .vm { color: #79c0ff; }            /* Attributes / Variables */
    .highlight .nb, .highlight .nd, .highlight .bp,
    .highlight .fm  { color: #d2a8ff; }                           /* Builtins / Decorators */
    .highlight .nc, .highlight .ne,
    .highlight .nn  { color: #f0883e; }                           /* Classes / Exceptions */
    .highlight .nf  { color: #d2a8ff; }                           /* Functions */
    .highlight .ni  { color: #ffa657; }                           /* Name.Entity */
    .highlight .nt  { color: #7ee787; }                           /* Tags */
    .highlight .gd, .highlight .gr, .highlight .gt { color: #ffa198; }
    .highlight .ge  { font-style: italic; }
    .highlight .gh, .highlight .gu { color: #79c0ff; font-weight: bold; }
    .highlight .gi  { color: #56d364; }
    .highlight .go, .highlight .gp, .highlight .gs { color: #8b949e; }
    .highlight .w   { color: #e6edf3; }
}