.bars { display: grid; grid-template-columns: repeat(9, 1fr); gap: 2px; align-items: end; height: 220px; margin: 12px 0 8px; border-bottom: 1px solid var(--line); }
.bar-col { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; position: relative; }
.bar { width: 70%; max-width: 48px; background: var(--accent); border-radius: 4px 4px 0 0; min-height: 4px; }
.bar-col.is-fra .bar { background: var(--good); }
.bar-value { font-size: 0.7rem; color: var(--ink-2); margin-bottom: 4px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.bar-ages { display: grid; grid-template-columns: repeat(9, 1fr); gap: 2px; text-align: center; font-size: 0.85rem; color: var(--muted); margin-bottom: 16px; }
@media (max-width: 520px) { .bar-value { display: none; } }