/* Typical purchase size and category distributions. */
.analysis-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
.distribution-panel{padding:22px;margin-bottom:20px;scroll-margin-top:110px;min-width:0}
.distribution-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.distribution-head h3{font-size:calc(16px * var(--ui-font-scale,1));margin:0 0 7px}.distribution-head small{font-size:calc(12px * var(--ui-font-scale,1));color:var(--ui-muted, #7d90a4)}
.distribution-head .chart-mode{flex-shrink:0}.distribution-head .chart-mode button.active{background:white;color:var(--blue);box-shadow:0 1px 4px #2b4f7612}
.distribution-insight{font-size:calc(13px * var(--ui-font-scale,1));line-height:1.7;margin:18px 0 10px;color:var(--ui-text, #536b82)}
.distribution-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:10px 0 4px;font-size:calc(11px * var(--ui-font-scale,1));color:var(--ui-muted, #7d90a4)}
.distribution-controls label{display:flex;align-items:center;gap:8px;white-space:nowrap}.distribution-controls select{font-size:calc(12px * var(--ui-font-scale,1));padding:7px 9px;min-height:34px}
.distribution-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:25px;align-items:start}
.distribution-layout>div{min-width:0}#distribution-chart{width:100%;min-width:0}
.distribution-summary{margin-top:22px;padding-left:20px;border-left:1px solid var(--line-soft);min-width:0}
.distribution-summary summary{font-size:calc(13px * var(--ui-font-scale,1));font-weight:600;color:var(--ui-text, #536b82);cursor:pointer;line-height:1.7}
.distribution-summary summary>span{font-size:calc(11px * var(--ui-font-scale,1));font-weight:400;color:var(--ui-muted, #7d90a4);margin-left:8px}
.distribution-table table{border-collapse:collapse;width:100%;font-size:calc(12px * var(--ui-font-scale,1));table-layout:fixed;margin-top:12px}
.distribution-table th{font-weight:400;color:var(--ui-muted, #8294a8);text-align:right;padding:10px 0}
.distribution-table th:first-child{width:38%;text-align:left}
.distribution-table td{padding:13px 0;border-top:1px solid var(--line-soft);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.distribution-table td:first-child{text-align:left}
.distribution-table button{display:block;text-align:left;padding:0;border:0;background:transparent;font-size:calc(12px * var(--ui-font-scale,1));line-height:1.5}
.distribution-table button i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
.distribution-table button small{display:block;margin:4px 0 0 12px;font-size:calc(11px * var(--ui-font-scale,1));color:var(--ui-muted, #8294a8)}
.distribution-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:calc(11px * var(--ui-font-scale,1));color:var(--ui-muted, #7c90a4);padding:8px 4px}
.distribution-note{margin:17px 0 0;padding-top:14px;border-top:1px solid var(--line-soft);font-size:calc(11px * var(--ui-font-scale,1));color:var(--ui-muted, #8194a8);line-height:1.8}
@media(max-width:1200px){.analysis-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.distribution-layout{grid-template-columns:1fr;gap:8px}.distribution-summary{margin-top:8px;border-left:0;border-top:1px solid var(--line-soft);padding:14px 0 0}}
@media(max-width:650px){.analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.distribution-panel{padding:18px 12px}.distribution-head{gap:12px}.distribution-head .chart-mode{width:100%;justify-content:center}.distribution-head .chart-mode button{flex:1}.distribution-insight{font-size:calc(12px * var(--ui-font-scale,1))}.distribution-controls{font-size:calc(11px * var(--ui-font-scale,1))}.distribution-controls label{margin-left:auto}.distribution-legend{font-size:calc(10px * var(--ui-font-scale,1));gap:7px 10px}.distribution-table{font-size:calc(12px * var(--ui-font-scale,1))}.distribution-summary{padding:14px 3px 0}}