/* Phase 7 — Variant Interpretation card. Uses existing site variables when available. */
.vi-card{border:1px solid var(--mdl-line,var(--line,#d9d4d7));background:var(--mdl-surface,var(--surface,#fff));border-radius:6px;padding:20px;margin-top:18px;color:var(--mdl-text,var(--text,#262126))}
.vi-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--mdl-line,var(--line,#d9d4d7));padding-bottom:14px;margin-bottom:14px}
.vi-head h2{margin:2px 0 0;font-size:20px}.vi-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:var(--mdl-accent,var(--accent,#0B7480))}
.vi-grid{display:grid;gap:10px}.vi-grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.vi-grid-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.vi-metric{border:1px solid var(--mdl-line,var(--line,#d9d4d7));background:var(--mdl-surface-2,var(--surface-2,#faf8f9));border-radius:4px;padding:10px 12px;min-width:0}.vi-metric span{display:block;font-size:11.5px;color:var(--mdl-muted,var(--muted,#756d73));margin-bottom:4px}.vi-metric b{display:block;font-size:14px;overflow-wrap:anywhere}.vi-metric small{display:block;margin-top:4px;color:var(--mdl-muted,var(--muted,#756d73));font-size:11px}
.vi-section{margin-top:18px}.vi-section h3{margin:0 0 9px;font-size:15px}.vi-summary{margin:0;padding-left:20px;line-height:1.6;font-size:13.5px}.vi-summary li{margin:5px 0}
.vi-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid var(--mdl-line,var(--line,#d9d4d7));font-size:11.5px;font-weight:700;background:#f4f2f3}.vi-good{background:#edf4f0;border-color:#bdd5c8;color:#14663f}.vi-warn{background:#fbf3e7;border-color:#e6c996;color:#8a5410}.vi-mid{background:#f3f0f8;border-color:#d6cce6;color:#634a7d}.vi-muted{color:#6f6873}
.vi-note,.vi-loading,.vi-error{padding:10px 12px;border:1px solid var(--mdl-line,var(--line,#d9d4d7));border-radius:4px;background:var(--mdl-surface-2,var(--surface-2,#faf8f9));font-size:13px;line-height:1.5}.vi-error{border-color:#e5b8b8;background:#fbefef;color:#7e2929}
.vi-table-wrap{overflow:auto;margin-top:10px}.vi-table{width:100%;border-collapse:collapse;min-width:950px;font-size:12.5px}.vi-table th,.vi-table td{padding:8px 9px;border-bottom:1px solid var(--mdl-line,var(--line,#d9d4d7));text-align:left;vertical-align:top}.vi-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--mdl-muted,var(--muted,#756d73))}.vi-table tr.vi-selected{background:#edf4f0}
.vi-details{margin-top:18px;border-top:1px solid var(--mdl-line,var(--line,#d9d4d7));padding-top:12px;font-size:12.5px}.vi-details summary{cursor:pointer;font-weight:700}.vi-details ul{line-height:1.55}.vi-provenance{display:grid;gap:8px}.vi-provenance>div{padding:8px 10px;background:var(--mdl-surface-2,var(--surface-2,#faf8f9));border-left:3px solid var(--mdl-accent,var(--accent,#0B7480))}