#dist .dist-cards {grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
#dist .dist-card {display:flex;flex-direction:column;min-width:0;gap:8px}
#dist .dist-card > span {min-height:44px;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}
#dist .dist-card > strong {font-size:clamp(20px,2vw,28px);white-space:nowrap;line-height:1.3}
#dist .dist-card > small {display:flex;flex-direction:column;justify-content:flex-end;margin-top:auto;min-height:34px;line-height:1.4;word-break:keep-all}
#dist .dist-statistics dl {margin:0;display:grid;gap:8px}
#dist .dist-statistics dl div {display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}
#dist .dist-statistics dt {font-size:12px;color:var(--muted)}
#dist .dist-statistics dd {margin:0;font-size:16px;font-weight:700;white-space:nowrap}
#dist .ratio-help {padding:0 5px;border-radius:50%;font-size:12px;line-height:18px;vertical-align:middle}
#dist .dist-chart-heading {display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}
#dist .dist-chart-heading h3 {font-size:15px;margin:0}
#dist .history-link {padding:6px 0;font-size:12px;background:transparent;border:0;color:#93c5fd}
#dist .dist-chart-note {font-size:12px}
#dist .interactive-chart,#capital .interactive-chart {position:relative;padding-bottom:48px;margin-top:10px}
#dist .interactive-chart svg,#capital .interactive-chart svg {display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y}
#dist .interactive-chart text,#capital .interactive-chart text {font-size:14px}
#dist .chart-extreme,#capital .chart-endpoint {font-weight:700;pointer-events:none}
#dist .chart-bar:focus {outline:2px solid #e5edf7;outline-offset:2px}
#dist .detail-chart-tooltip,#capital .detail-chart-tooltip {position:absolute;bottom:0;left:0;right:0;min-height:36px;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:#122b40;font-size:12px;line-height:1.5;word-break:keep-all;pointer-events:none}
#capital .legend {display:flex;flex-wrap:wrap;gap:10px;font-size:13px}
#capital .capital-interpretation {line-height:1.6;word-break:keep-all}
body.history-open {overflow:hidden}
.distribution-history-dialog {width:min(900px,95vw);max-width:95vw;max-height:90dvh;padding:18px;border:1px solid #42617a;border-radius:12px;background:#192e3e;color:#e5edf7;box-sizing:border-box}
.distribution-history-dialog::backdrop {background:rgba(0,0,0,.7)}
.distribution-history-dialog .history-title {display:flex;justify-content:space-between;align-items:center;gap:10px}
.distribution-history-dialog h2 {font-size:18px;margin:0 0 14px}
.distribution-history-dialog .history-scroll {max-height:65dvh;overflow:auto}
.distribution-history-dialog table {width:100%;border-collapse:separate;border-spacing:0;font-size:13px;text-align:right}
.distribution-history-dialog th {position:sticky;top:0;background:#29465d;z-index:1;white-space:nowrap}
.distribution-history-dialog th,.distribution-history-dialog td {padding:12px 8px;border-bottom:1px solid #345066}
.distribution-history-dialog th:first-child,.distribution-history-dialog td:first-child {text-align:left;white-space:nowrap}
.distribution-history-dialog .definition {font-size:12px;line-height:1.5}
@media(max-width:1050px){#dist .dist-cards {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 #dist .dist-card {padding:12px 10px;gap:8px}
 #dist .dist-card > span {font-size:13px;min-height:38px}
 #dist .dist-card > strong {font-size:20px}
 #dist .dist-card > small {font-size:10px;min-height:30px}
 #dist .dist-statistics dt {font-size:10px}
 #dist .dist-statistics dd {font-size:12px}
 #dist .dist-statistics dl div {gap:3px}
 #dist .interactive-chart text,#capital .interactive-chart text {font-size:22px}
 #capital .legend {font-size:12px}
 .distribution-history-dialog {width:96vw;max-width:96vw;height:92dvh;max-height:92dvh;padding:12px}
 .distribution-history-dialog .history-scroll {height:calc(92dvh - 160px);max-height:none}
 .distribution-history-dialog table {font-size:11px}
 .distribution-history-dialog th,.distribution-history-dialog td {padding:10px 5px}
}
#dist .chart-crosshair,#capital .chart-crosshair {pointer-events:none}