.fit-category-benchmark { margin: 2rem 0; padding: 1.5rem; border: 1px solid var(--fit-color-border, #d7dfeb); border-radius: .75rem; background: var(--fit-bg-subtle, #f7f9fc); }
.fit-benchmark-table-wrap { overflow-x: auto; }
.fit-category-benchmark table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; font-size: .9rem; }
.fit-category-benchmark th, .fit-category-benchmark td { padding: .75rem; text-align: left; border-bottom: 1px solid var(--fit-color-border, #d7dfeb); }
.fit-category-benchmark td { white-space: nowrap; }
.fit-category-benchmark meter { width: 4rem; vertical-align: middle; accent-color: var(--fit-color-primary, #2563eb); }
.fit-category-benchmark details { margin-top: 1rem; }
.fit-category-benchmark summary { cursor: pointer; padding: .75rem 0; font-weight: 600; }
.fit-category-benchmark details ul { max-height: 20rem; overflow-y: auto; padding-left: 1.5rem; }
.fit-category-benchmark li { margin-bottom: .5rem; }
.fit-benchmark-radar { max-width: 380px; margin: 1rem auto; }
.fit-benchmark-radar svg { display: block; width: 100%; }
.fit-benchmark-radar text { font: 12px system-ui, sans-serif; fill: var(--fit-color-text, #1e293b); }
.fit-benchmark-radar__grid { fill: none; stroke: #cbd5e1; }
.fit-benchmark-radar__selected { fill: #2563eb26; stroke: #2563eb; stroke-width: 2; }
.fit-benchmark-radar__median { fill: none; stroke: #64748b; stroke-dasharray: 4 4; }
.fit-benchmark-radar figcaption { color: var(--fit-color-text-muted, #475569); font-size: .85rem; }
.fit-category-benchmark :focus-visible { outline: 3px solid var(--fit-color-primary, #2563eb); outline-offset: 3px; }
@media (max-width: 600px) { .fit-category-benchmark { padding: 1rem; } }