/* Audit's own, over the design kit (/ds.css, chassis 1.118.0; 3Sry's
   D-228). The kit draws the tokens, the shell, the templates and the states.
   This file keeps only what is Audit's: its colour as the one primary,
   and the few parts of an audit the kit has no rule for. Logical properties
   only, so the page mirrors right to left (the kit's lint holds it to that).

   The primary is Audit's catalogue colour, #2f3a3f (the owner's answer
   to Q-1118-1: each plugin keeps its own colour as its one primary). White
   words on it read at 11.7:1, light and dark. In dark mode the links take a
   lighter shade of the same slate, #8399a3, so they read at 4.5:1 or more on
   every dark surface. */
:root {
  --primary: #2f3a3f;
  --primary-hover: #252e32;
  --primary-tint: #f3f5f6;
  --primary-line: #cfd6d9;
  --link: #2f3a3f;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary: #2f3a3f;
    --primary-hover: #3a474d;
    --primary-tint: #1c2427;
    --primary-line: #3c4a50;
    --link: #8399a3;
  }
}
:root[data-theme="light"] {
  --primary: #2f3a3f;
  --primary-hover: #252e32;
  --primary-tint: #f3f5f6;
  --primary-line: #cfd6d9;
  --link: #2f3a3f;
}
:root[data-theme="dark"] {
  --primary: #2f3a3f;
  --primary-hover: #3a474d;
  --primary-tint: #1c2427;
  --primary-line: #3c4a50;
  --link: #8399a3;
}

/* Room under the last line for the host's Ask button, which floats at the foot of the screen. */
.ds-shell > main, main { padding-bottom: 96px; }
/* A log's SHA-256 and a plan's scope are long unbroken words: they wrap, so a 390-pixel phone keeps the page its own width. */
main p, main li, main td, main h1, main h2, main h3 { overflow-wrap: anywhere; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px; margin-block: 0 12px; }
.card h3 { margin-block: 0 6px; font-size: var(--text-base); }
.meta { color: var(--ink-2); font-size: var(--text-sm); }
.note { background: var(--surface-2); border-radius: var(--radius-md); padding-block: 10px; padding-inline: 12px; font-size: var(--text-md); }
label { display: block; font-weight: 600; font-size: var(--text-sm); margin-block: 10px 4px; }
.card input:not([type="checkbox"]), .card select, .card textarea { inline-size: 100%; }
textarea { min-block-size: 100px; }
/* A tick box sits beside its words, not stretched across the line above them. */
label input[type="checkbox"] { width: auto; margin-block: 0; margin-inline: 0 6px; display: inline; vertical-align: middle; }
details > summary { cursor: pointer; }
/* What a person is told sits at the foot, over the page. */
.error { position: fixed; inset-inline: 16px; inset-block-end: 16px; z-index: 1000; max-inline-size: 760px; margin-inline: auto; padding-block: 12px; padding-inline: 14px; border-radius: var(--radius-md); background: var(--risk); color: var(--surface); font-weight: 600; box-shadow: var(--shadow); }
.error.ok { background: var(--good); }
/* A table whose every column counts (the agents in a log, the request tracker) scrolls inside its own box on a phone, the page doesn't. */
.scroll { overflow-x: auto; max-width: 100%; }
@media (max-width: 700px) { .scroll table { min-inline-size: 680px; } .scroll td:first-child { white-space: nowrap; } }
.finding-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
/* A decision's own acts, side by side in its bar. */
.t3-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
/* The licence panel sits in Settings, as a page of its own (T6); its fragment is the chassis's, unchanged. */
.t6-sections #licence-tab { margin: 0; }

/* The provisional-calculation notice, its label and its sources: the chassis's styles (lib/provisional.mjs CSS). */
.pa-rev{font-size:.8em}
.pa-prov{display:inline-block;margin-inline-start:.4em;font-size:.8em;font-weight:600;white-space:nowrap}
.pa-fn{font-size:.75em;margin-inline-start:.15em}
.pa-notice{margin:1em 0;padding:.6em .8em;border:1px solid currentColor;font-size:.85em;line-height:1.4}
.pa-footnotes{font-size:.85em;margin:.8em 0 0;padding-inline-start:1.6em}
.pa-footnotes a{word-break:break-all}