@import "@hm-design/ui/theme.css";

/* Consumer content geometry; the chart owns its internal scroll container. */
body { margin: 0; background: var(--hm-sem-bg-content); color: var(--hm-sem-fg-primary); font-family: var(--hm-font-family-base); }
main { padding: 16px; }
.consumer-charts { display: grid; gap: 24px; min-width: 0; }
.consumer-charts > section { min-width: 0; }
.consumer-chart { min-width: 0; max-width: 100%; }
.consumer-note { margin: 0 0 16px; }