body {
    font-family: 'Inter', sans-serif;
    background-color: #F9FAFB; /* slate-50 */
}
.chart-container {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    height: 300px; 
    max-height: 350px; 
}
@media (min-width: 768px) { /* md */
    .chart-container {
        height: 350px;
        max-height: 400px; 
    }
}
.tab-button.active {
    border-color: #2563EB; /* blue-600 */
    color: #2563EB; /* blue-600 */
    font-weight: 600;
    background-color: #EFF6FF; /* blue-50 */
}
.accordion-button svg.rotate-180 {
    transform: rotate(180deg);
}
.sticky-nav {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    z-index: 50;
}
.modal {
    transition: opacity 0.25s ease;
}
.modal-content {
    transition: transform 0.25s ease;
}