.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;gap:var(--column-gap)}.metric{display:grid;grid-row:1 / span 3;grid-template-rows:subgrid;min-width:0;gap:var(--space-3);border-top:2px solid var(--color-line);padding-block:var(--space-4);color:var(--color-ink);text-decoration:none;scroll-margin-top:var(--space-6);transition:border-color var(--fast) var(--ease)}a.metric[href]:hover,.metric[aria-current=true]{border-color:var(--color-accent);text-decoration:none}.metric-label{font-size:var(--text-sm);font-weight:500;color:var(--color-soft)}.metric[aria-current=true] .metric-label{color:var(--color-accent)}.metric-headline{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);min-width:0}.metric-value{font:500 var(--text-4xl) / 1.1 var(--font-mono);font-variant-numeric:tabular-nums}.metric-trend{width:100%;height:48px;min-width:0;color:var(--color-accent)}.metric-trend polygon{fill:currentColor;fill-opacity:.08}.metric-trend polyline{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.metric-details{padding-top:var(--space-2);color:var(--color-soft);font-size:var(--text-sm)}.metric-details:empty{display:none}.metric-row--compact .metric-value{font-size:var(--text-3xl)}.metric-row--compact .metric-trend{height:36px}@media(max-width:700px){.metric-row{gap:var(--space-4)}.metric-value,.metric-row--compact .metric-value{font-size:var(--text-2xl)}.metric-headline{gap:var(--space-2)}.metric-trend{height:32px}.metric-label,.metric-details{font-size:var(--text-xs)}}