/* Evidence index page: tables of artefacts; additions to email-decision-record-product.css and consignment-file.css (no inline style, per the CSP). */
.ev-table { overflow-x: auto; margin: var(--s4, 1rem) 0; }
.ev-table table { border-collapse: collapse; width: 100%; min-width: 52rem; font-size: .92rem; }
.ev-table th, .ev-table td { text-align: left; vertical-align: top; padding: .5em .7em; border-bottom: 1px solid var(--line, #ccc); }
.ev-table th { font-weight: 600; white-space: nowrap; }
.ev-table td a { overflow-wrap: anywhere; word-break: break-all; }
.ev-table td code { overflow-wrap: anywhere; word-break: break-all; }
/* Commands to copy: scroll inside the box, never the page. */
.ev-cmd { overflow-x: auto; margin: var(--s4, 1rem) 0; padding: .9em 1em; border: 1px solid var(--line, #ccc); border-radius: 6px; background: var(--surface, rgba(127,127,127,.08)); font-size: .88rem; line-height: 1.5; max-width: 100%; }
.ev-cmd code { white-space: pre; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
/* Expandable explainers: details/summary, no script. */
.ev-how { margin: var(--s3, .75rem) 0; border: 1px solid var(--line, #ccc); border-radius: 6px; background: var(--surface, rgba(127,127,127,.06)); }
.ev-how > summary { cursor: pointer; padding: .75em 1em; font-weight: 600; line-height: 1.4; }
.ev-how > summary:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.ev-how[open] > summary { border-bottom: 1px solid var(--line, #ccc); }
.ev-how > p { margin: .8em 1em; overflow-wrap: anywhere; }
/* Phones (site audit, 9 Nov 2026): at five columns the prose was squeezed a few characters wide. Below 48rem each row stacks as
   labelled lines; the label is the column heading by its own key, shown only here (the table header names the columns above that width).
   Between 48rem and the table's own 52rem it scrolls inside its region (role="region", focusable, named by its section heading). */
.ev-lbl { display: none; }
@media (max-width: 48rem) {
  .ev-table table, .ev-table tbody, .ev-table tr, .ev-table td { display: block; width: auto; min-width: 0; }
  .ev-table thead { display: none; }
  .ev-table tr { padding: .8em 0; border-bottom: 1px solid var(--line, #ccc); }
  .ev-table td { padding: .2em 0; border-bottom: 0; }
  .ev-table .ev-lbl { display: block; font-size: .8rem; font-weight: 600; letter-spacing: .02em; }
}
.ev-table:focus-visible, .ev-cmd:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
/* The hero's three paragraphs read as three, not one block. */
.hero--edr .sub + .sub { margin-top: .9em; }