/* Legal'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 Legal's: its colour as the one primary, and the
   few parts of a review 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 Legal's catalogue colour, #8a5a2b (the owner's answer to
   Q-1118-1: each plugin keeps its own colour as its one primary). White
   words on it read at 5.9:1, light and dark. In dark mode the links take a
   lighter shade of the same brown, #c98d52, so they read at 4.5:1 or more on
   every dark surface. */
:root {
  --primary: #8a5a2b;
  --primary-hover: #744b24;
  --primary-tint: #faf5ef;
  --primary-line: #e8d5c2;
  --link: #8a5a2b;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary: #8a5a2b;
    --primary-hover: #9a6532;
    --primary-tint: #2e2012;
    --primary-line: #5c3d1e;
    --link: #c98d52;
  }
}
:root[data-theme="light"] {
  --primary: #8a5a2b;
  --primary-hover: #744b24;
  --primary-tint: #faf5ef;
  --primary-line: #e8d5c2;
  --link: #8a5a2b;
}
:root[data-theme="dark"] {
  --primary: #8a5a2b;
  --primary-hover: #9a6532;
  --primary-tint: #2e2012;
  --primary-line: #5c3d1e;
  --link: #c98d52;
}

/* The parts of a review and its forms. */
.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); }
.note.risk { color: var(--risk); background: var(--risk-tint); }
.good { color: var(--good); }
.risk { color: var(--risk); }
.quote { margin-block: 4px; padding-inline-start: 10px; border-inline-start: 3px solid var(--line); font-style: italic; overflow-wrap: anywhere; }
label { display: block; font-weight: 600; font-size: var(--text-sm); margin-block: 10px 4px; }
label.inline { display: inline-block; font-weight: 500; margin-block: 4px; margin-inline: 0 14px; }
.card input:not([type="checkbox"]), .card select, .card textarea { inline-size: 100%; }
input[type="checkbox"] { inline-size: auto; margin-block: 0; margin-inline: 0 6px; vertical-align: middle; }
textarea { min-block-size: 80px; }
.hint { display: block; font-weight: 400; margin-block-start: 4px; }
fieldset.position { min-inline-size: 0; }
fieldset.position legend { font-weight: 700; padding-inline: 4px; }
.kinds .meta { margin-block: 10px 0; font-weight: 600; }
.finding { margin-block: 0 14px; }
.finding-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.terms { margin-block: 8px; }
.terms td .ds-source { margin-inline-end: 6px; }
/* What a person is told sits at the top, clear of the cookie banner at the foot (walk W-15). */
.error { position: fixed; inset-inline: 16px; inset-block-start: 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(--primary); color: var(--on-primary); }
/* 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}