/* Loaded only on pages that explicitly enable the full forex widget. */
.forex-ticker {
    width: 100%;
    overflow: hidden;
}

.forex-ticker-track {
    display: flex;
    gap: 24px;
    animation-duration: 75s;
}

.forex-panel {
    margin: 28px 0;
}

.forex-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 16px;
}

.forex-chart-card canvas {
    width: 100%;
    height: 360px;
}

@media (max-width: 760px) {
    .forex-panel {
        margin-top: 16px;
    }

    .forex-layout {
        grid-template-columns: 1fr;
    }

    .forex-chart-card canvas {
        height: 260px;
    }

    .forex-ticker-track {
        animation-duration: 95s;
    }
}

@media (prefers-reduced-motion: reduce) {
    .forex-ticker-track {
        animation: none !important;
    }
}