/* One responsive legend, with labels kept intact at every width. */
.mc-legend{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px 16px;line-height:1.5}
.mc-legend span{white-space:nowrap;font-size:11px}
.mc-legend span::before{width:16px;margin-right:6px;border-color:var(--mc-series)!important}
.mc-distribution-subtitle{margin:6px 0 18px}
.mc-fan{height:auto;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;align-items:center;min-height:320px}
.mc-fan>svg{display:block;width:100%;height:auto;min-width:0;touch-action:pan-y}
.mc-fan:focus-visible{outline:2px solid #b89559;outline-offset:5px;border-radius:3px}
.mc-crosshair{stroke:#536e80;stroke-width:1.5;stroke-dasharray:4 4;pointer-events:none}
.mc-selection circle{stroke:#fff;stroke-width:1.5;pointer-events:none}
.mc-band-tooltip{grid-column:2;grid-row:1;padding:14px;border:1px solid #c5d2da;border-radius:6px;background:#f5f8fa;color:#213e51;font-size:12px;box-shadow:0 3px 12px #112b4310}
.mc-band-tooltip[hidden]{display:none}
.mc-band-tooltip strong{display:block;font-size:14px}
.mc-band-tooltip small{display:block;margin-top:4px;color:#526a78;font-size:10px;font-weight:400}
.mc-band-tooltip dl{margin:12px 0 0}
.mc-band-tooltip dl>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0}
.mc-band-tooltip dt::before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--mc-series);margin-right:6px}
.mc-band-tooltip dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.mc-band-tooltip dl>div:nth-child(4){border-block:1px solid #c5d2da;margin-block:3px;padding-block:8px}
html[data-theme=dark] .mc-band-tooltip{background:#253644;border-color:#526a78;color:#edf4f8}
html[data-theme=dark] .mc-band-tooltip small{color:#bacbd6}
html[data-theme=dark] .mc-crosshair{stroke:#d2dfe7}
html[data-theme=dark] .mc-selection circle{stroke:#172832}
@media(max-width:1200px){.mc-legend{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}}
@media(max-width:740px){.mc-fan{grid-template-columns:minmax(0,1fr);gap:8px;min-height:0}.mc-band-tooltip{grid-column:1;grid-row:2}.mc-band-tooltip dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.mc-band-tooltip dl>div:nth-child(4){border:0;margin:0;padding:5px 0}.mc-legend{gap:10px 12px}}
@media(max-width:480px){.mc-band-tooltip dl{grid-template-columns:1fr}.mc-fan text{font-size:24px}.mc-selection circle{r:7}}
