.quick-statistics {
    background: var(--surface-container-lowest);
    border: 1px solid var(--border-neutral);
    min-width: 0;
    overflow: hidden;
    font-variant-numeric: tabular-nums;
}
.quick-statistics-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .25rem .65rem;
    padding: .4rem .6rem;
    background: var(--surface-container-low);
    color: var(--bs-primary);
    border-bottom: 1px solid var(--border-neutral);
}
.quick-statistics-header > div { display: flex; align-items: baseline; flex-wrap: wrap; gap: .2rem .5rem; }
.quick-statistics-header span { font-size: .75rem; color: var(--on-surface-variant); }
.quick-statistics-header h2 { font-size: 1rem; margin: 0; line-height: 1.4; }
.quick-statistics-header > a { color: var(--bs-primary); font-size: .8125rem; white-space: nowrap; padding-block: .25rem; }
.quick-statistics-note { font-size: .75rem; line-height: 1.5; color: var(--on-surface-variant); margin: .4rem .6rem; }
.quick-statistics-block { padding: 0 .6rem .45rem; border-top: 1px solid var(--border-neutral); min-width: 0; }
.quick-statistics-block h3 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .1rem .5rem;
    margin: 0 -.6rem .35rem;
    padding: .35rem .6rem;
    background: var(--surface-container);
    color: var(--bs-primary);
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.4;
}
.quick-statistics-block h3 small { font-size: .75rem; color: var(--on-surface-variant); font-weight: 400; }
.quick-statistics-tables { display: grid; grid-template-columns: repeat(auto-fit, minmax(6.25rem, 1fr)); gap: .25rem .4rem; align-items: start; }
.quick-statistics-tables table { width: 100%; border-collapse: collapse; font-size: .8125rem; }
.quick-statistics-tables th, .quick-statistics-tables td { border-bottom: 1px solid var(--border-neutral); }
.quick-statistics-tables th { width: 32%; padding: 0; background: var(--surface-container-low); text-align: center; }
.quick-statistics-tables th a { display: flex; align-items: center; justify-content: center; min-height: 2rem; font-size: .9375rem; color: var(--bs-primary); font-weight: 700; text-decoration: none; }
.quick-statistics-tables th a:hover { text-decoration: underline; }
.quick-statistics-tables td { padding: .2rem .3rem; text-align: right; white-space: nowrap; }
.quick-statistics-tables td span { font-size: .75rem; color: var(--on-surface-variant); }
.quick-statistics-leaders { padding: 0; }
.quick-statistics-leaders summary { cursor: pointer; list-style: none; position: relative; }
.quick-statistics-leaders summary::-webkit-details-marker { display: none; }
.quick-statistics-leaders summary::after { content: '+'; position: absolute; right: .6rem; top: .3rem; color: var(--bs-primary); font-weight: 700; }
.quick-statistics-leaders[open] summary::after { content: '\2212'; }
.quick-statistics-leaders summary h3 { margin: 0; padding-right: 1.75rem; }
.quick-statistics-leaders ul { margin: 0; padding: .4rem .6rem .45rem 1.7rem; font-size: .8125rem; line-height: 1.6; }
.quick-statistics-leaders li + li { margin-top: .3rem; }
.quick-statistics-leaders b { color: var(--bs-primary); }
.quick-statistics-detail { font-size: .75rem; margin-left: .25rem; }
.quick-reverse-pairs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; }
.quick-reverse-pair { display: flex; align-items: center; justify-content: space-around; gap: .2rem; padding: .35rem .25rem; border: 1px solid var(--border-neutral); background: var(--surface-container-low); }
.quick-reverse-pair a { display: grid; gap: .1rem; text-align: center; text-decoration: none; }
.quick-reverse-pair strong { font-size: 1.125rem; color: var(--bs-primary); }
.quick-reverse-pair a span { font-size: .75rem; color: var(--on-surface-variant); white-space: nowrap; }
.quick-reverse-arrow { color: var(--on-surface-variant); }
.quick-statistics-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.quick-statistics-chart + .quick-statistics-chart { border-left: 1px solid var(--border-neutral); }
.quick-bars { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: .25rem; padding-top: .15rem; }
.quick-bar-item { display: flex; flex-direction: column; align-items: center; gap: .15rem; }
.quick-bar-value { font-size: .75rem; color: var(--on-surface-variant); white-space: nowrap; }
.quick-bar-track { height: 3rem; width: 100%; max-width: 1.5rem; background: var(--surface-container); position: relative; overflow: hidden; }
.quick-bar-track i { display: block; position: absolute; bottom: 0; width: 100%; height: var(--bar-height); background: linear-gradient(var(--accent-gold), var(--bs-primary)); }
.quick-bar-item strong { font-size: .8125rem; color: var(--bs-primary); }
.quick-chart-explanation { margin-top: .3rem; font-size: .75rem; line-height: 1.5; }
.quick-chart-explanation summary, .quick-statistics-footer summary { cursor: pointer; padding-block: .3rem; }
.quick-chart-explanation p { margin: .3rem 0; }
.quick-members { color: var(--bs-primary); overflow-wrap: anywhere; }
.quick-statistics-footer { border-top: 1px solid var(--border-neutral); padding: .15rem .6rem; font-size: .75rem; color: var(--on-surface-variant); }
.quick-statistics-footer .quick-statistics-note { margin: .1rem 0 .35rem; }
.quick-statistics-empty { font-size: .8125rem; padding: .5rem; margin: .5rem; background: var(--surface-container-low); line-height: 1.5; }
.quick-statistics a:focus-visible, .quick-statistics summary:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 2px; }
@media (max-width: 767.98px) {
    .quick-statistics-charts { grid-template-columns: 1fr; }
    .quick-statistics-chart + .quick-statistics-chart { border-left: 0; }
    .quick-reverse-pairs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    .quick-statistics-tables { gap: .2rem .3rem; }
    .quick-statistics-tables th a { min-height: 2.25rem; }
    .quick-statistics-header > a { display: inline-flex; align-items: center; min-height: 2.25rem; }
    .quick-statistics-leaders summary h3 { min-height: 2.75rem; align-content: center; }
    .quick-chart-explanation summary, .quick-statistics-footer summary { min-height: 2.75rem; display: list-item; align-content: center; }
    .quick-statistics-detail { display: inline-flex; align-items: center; min-height: 2.25rem; }
}
