.hljs {background:white}

.CodeMirror {
    height: auto;
    border: 1px solid #eee;
}

*.CodeMirror .readOnly {
    background-color: #cccccc;
}

.cm-mustache {color: #0ca;}

.cloze {
    /* for anki */
    font-weight: bold;
    color: blue;
}

/* The ToS 9.1 rollout dialog mounts server-generated HTML from
   /bubo5/tal-static-fullscreen-forall/what-changed. That markup carries NO classes, so
   Tailwind utilities cannot reach it, and the generated page's own <style> block is not
   loaded in the SPA -- which is why the list markers vanished: Tailwind's preflight
   removes them and nothing here was putting them back. Hand-written rather than a
   Tailwind rebuild because this file is already served on every SPA shell.

   Scoped to its own class, not to `.legal-document`, so it cannot reach the standalone
   pages -- those get their typography from the generator and must stay in step with it. */
.legal-rollout-content h2 { font-size: 0.95em; font-weight: 600; color: #374151;
                            margin: 0 0 0.7em 0; }
.legal-rollout-content p { margin: 0 0 0.75em 0; }
.legal-rollout-content ul { list-style: disc; padding-left: 1.35em; margin: 0 0 0.75em 0; }
.legal-rollout-content li { margin-bottom: 0.55em; }
.legal-rollout-content a { color: #2563eb; }
/* A reader crossing several versions gets several sections; without this they run
   together into one wall and the whole point of the per-version split is lost. */
.legal-rollout-content .what-changed-section + .what-changed-section {
    margin-top: 1.5em; padding-top: 1.25em; border-top: 1px solid #e5e7eb; }