/* css/proof-card.css — Proof scorecard (js/proof-card.js). New prf-* classes only; tokens of css/styles.css. */
.prf-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px 20px; margin-top: 12px; }
.prf-fact { padding: 10px 12px; border: 1px solid var(--border-color); border-radius: var(--radius-sm); }
.prf-v { font-size: 22px; font-weight: 600; color: var(--text); }
.prf-l { font-size: 12px; color: var(--text-secondary); }
.prf-s { font-size: 12px; margin-top: 2px; }
.prf-note { font-size: 12px; margin: 8px 0 0; }
.prf-sub { margin-top: 14px; }
.prf-sub h4 { margin: 0 0 6px; font-size: 13px; }
.prf-table { width: 100%; border-collapse: collapse; font-size: 13px; table-layout: fixed; }
.prf-table th, .prf-table td { text-align: left; padding: 5px 6px; border-bottom: 1px solid var(--border-color); overflow-wrap: anywhere; }
.prf-table th { color: var(--text-secondary); font-weight: 500; font-size: 12px; }
.prf-gaps { list-style: none; margin: 6px 0 10px; padding: 0; font-size: 13px; }
.prf-gaps li { padding: 4px 0; border-bottom: 1px solid var(--border-color); }
.prf-go { cursor: pointer; }
.prf-go:hover { color: var(--primary); }