/* analytics.css — tokenized chart band & visual elements */
.chart-band {
    padding: var(--padding-xl) 0;
}

.chart-wrap {
    width: 100%;
    margin-top: var(--margin-md); /* 16px */
    height: 300px; /* Required for Chart.js */
}

.home-charts {
    width: 100%;
    height: 100%;
    aspect-ratio: 1200 / 360;
}

.chart-desc {
    grid-column: 1 / -1;
    margin-top: var(--margin-lg);
    color: var(--color-text-primary);
    opacity: 0.78;
    text-align: center;
    padding: var(--padding-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-md);
}