/* Only the added report fields need layout rules. Existing checker styling lives in styles.css. */
.checker-page .checker-signals { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.checker-signal h4, .checker-device h4 { margin: 0; font-size: 13px; }
.checker-signal p, .checker-device p { margin: 8px 0; font-size: 13px; line-height: 1.6; color: var(--muted); }
.checker-signal small, .checker-device small, .checker-section-note { color: var(--muted); font-size: 12px; line-height: 1.6; }
.checker-help, .checker-details { margin-top: 20px; font-size: 13px; line-height: 1.6; }
.checker-help summary, .checker-details summary { cursor: pointer; font-weight: 700; }
.checker-device-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.checker-device { min-width: 0; }
.checker-device header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.checker-device header span { color: var(--muted); font-size: 12px; }
.checker-device p.checker-device-format { color: var(--ink); font-size: 20px; font-weight: 700; }
.checker-device dl { margin: 0; }
.checker-device dl > div, .checker-evidence-facts > div { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-bottom: 1px solid var(--hairline); font-size: 13px; }
.checker-device dt, .checker-evidence-facts dt { color: var(--muted); }
.checker-device dd, .checker-evidence-facts dd { margin: 0; text-align: right; overflow-wrap: anywhere; }
.checker-table-scroll { max-width: 100%; overflow-x: auto; }
.checker-table-scroll table { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; white-space: nowrap; }
.checker-table-scroll :is(td, th) { padding: 12px; border-bottom: 1px solid var(--hairline); }
.checker-table-scroll thead, #videoToolEvidence ul { color: var(--muted); }
#videoToolDownload { margin-top: 8px; cursor: pointer; }
@media (max-width: 620px) {
  .checker-page .checker-signals, .checker-device-comparison { grid-template-columns: 1fr; }
}