/* Fact sheet and license tables on product and company pages (design.md §5). Tokens
   only: every colour and space is a var(--…) from application.css. */
.record-status { color: var(--warning-color); margin: 0 0 var(--spacing-sm); }
.fact-table th[scope="row"] { font-weight: 500; }
/* records.css sets nowrap on every cell for the sticky-column scroll; fact and license
   cells wrap so the whole row fits on a desktop, and .table-scroll still catches phones. */
.fact-table td, .license-table td { vertical-align: top; white-space: normal; }
.fact-table details summary { cursor: pointer; }
.fact-table details ul { margin: var(--spacing-xs) 0 0; padding-left: var(--spacing-md); white-space: normal; }
.fact-status { display: inline-block; padding: 0 var(--spacing-sm); border: 1px solid var(--border-color); border-radius: var(--radius-xl); font-size: 0.75rem; color: var(--dark-gray); }
.fact-status-verified { color: var(--success-color); border-color: var(--success-color); }
.fact-status-in_progress { color: var(--info-color); }
/* Provider-stated (provider-stated §4): the muted border and the plain text colour, no new colour. */
.pill-stated { color: var(--text-color); border-color: var(--dark-gray); }
.provider-stated-footnote { font-size: 0.875rem; margin: var(--spacing-xs) 0 0; }
.muted, .muted a { color: var(--dark-gray); }
.verified-on { white-space: nowrap; }