.ref-swatch.good { background: var(--good); }.ref-swatch.caution { background: var(--caution); }.ref-swatch.risk { background: var(--risk); }.ref-note {margin: 0.85rem 0 0;font-size: 0.8rem;color: var(--text-subtle);}/* Extra metrics strip */.extra-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));gap: 0.65rem;margin-top: 1rem;}.extra-item {padding: 0.65rem 0.75rem;border-radius: var(--radius-sm);border: 1px solid var(--border);background: color-mix(in srgb, var(--bg-elevated) 60%, transparent);}.extra-item .elabel {display: block;font-size: 0.7rem;color: var(--text-subtle);margin-bottom: 0.2rem;}.extra-item .eval {font-size: 0.95rem;font-weight: 600;font-variant-numeric: tabular-nums;}/* Footer */.site-footer {border-top: 1px solid var(--border);padding: 1.5rem 0 2rem;font-size: 0.8rem;color: var(--text-subtle);text-align: center;}.site-footer p {margin: 0.35rem 0;max-width: 40rem;margin-inline: auto;}.error-banner {padding: 1rem 1.25rem;margin-bottom: 1.5rem;border-radius: var(--radius);background: var(--risk-soft);border: 1px solid color-mix(in srgb, var(--risk) 40%, var(--border));color: var(--text);}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}/* Legal / copyright */.legal-card p { margin: 0 0 0.75rem; color: var(--text-muted); line-height: 1.55; font-size: 0.95rem; }.legal-card p:last-child { margin-bottom: 0; }.legal-card strong { color: var(--text); }.footer-grid { display: grid; gap: 0.5rem; }.footer-copy { color: var(--text); font-weight: 600; margin: 0; }.footer-meta { margin: 0; color: var(--text-subtle); font-size: 0.85rem; }.site-footer { text-align: left; }/* v2: consistency, export, progress, pace, composition, compare, bands */.chip.consistency {background: var(--accent-soft);border-color: color-mix(in srgb, var(--accent) 30%, var(--border));color: var(--text-muted);white-space: nowrap;}.btn-export {display: inline-flex;align-items: center;height: 2.5rem;padding: 0 0.85rem;font-family: var(--font);font-size: 0.8rem;font-weight: 600;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--bg-card);color: var(--text);cursor: pointer;transition: border-color var(--transition), background var(--transition);}.btn-export:hover {border-color: var(--border-strong);background: var(--bg-elevated);}.btn-export:focus-visible {outline: 2px solid var(--accent);outline-offset: 2px;}.metric-card .delta-stack {margin-top: auto;display: flex;flex-direction: column;gap: 0.12rem;}.metric-card .delta.secondary {font-size: 0.72rem;font-weight: 500;opacity: 0.92;}.metric-card { min-height: 8.25rem; }.panel-grid h3 {margin: 0 0 0.85rem;font-size: 0.95rem;font-weight: 600;}.progress-bars {display: flex;flex-direction: column;gap: 1.1rem;}.progress-item h4 {margin: 0 0 0.35rem;font-size: 0.85rem;font-weight: 600;}.progress-meta {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.35rem 0.75rem;font-size: 0.78rem;color: var(--text-muted);margin-bottom: 0.4rem;}.progress-track {height: 0.65rem;border-radius: 999px;background: color-mix(in srgb, var(--bg-elevated) 80%, var(--border));overflow: hidden;border: 1px solid var(--border);}.progress-fill {height: 100%;border-radius: 999px;background: linear-gradient(90deg, var(--accent-muted), var(--accent));min-width: 0;}.progress-fill.good {background: linear-gradient(90deg, var(--good), var(--accent));}.progress-fill.caution {background: linear-gradient(90deg, var(--caution), color-mix(in srgb, var(--caution) 70%, var(--accent)));}.progress-fill.risk {background: linear-gradient(90deg, var(--risk), var(--caution));}.progress-sub {margin: 0.35rem 0 0;font-size: 0.75rem;color: var(--text-subtle);}.pace-content {display: flex;flex-direction: column;gap: 0.85rem;font-size: 0.9rem;color: var(--text-muted);}.pace-row { display: flex; flex-direction: column; gap: 0.2rem; }.pace-row strong { color: var(--text); font-weight: 600; }.pace-detail { font-size: 0.82rem; color: var(--text-subtle); }.pace-caveat {margin: 1rem 0 0;padding: 0.65rem 0.8rem;font-size: 0.78rem;color: var(--text-muted);background: var(--caution-soft);border: 1px solid color-mix(in srgb, var(--caution) 25%, var(--border));border-radius: var(--radius-sm);line-height: 1.45;}.chart-wrap-doughnut {height: 220px;max-width: 260px;margin-inline: auto;}.comp-legend {list-style: none;margin: 0.85rem 0 0;padding: 0;display: flex;flex-direction: column;gap: 0.4rem;}.comp-legend li {display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;font-size: 0.85rem;color: var(--text-muted);}.comp-legend .left { display: flex; align-items: center; }