/**
 * Design reminder: compact extension of the existing Credit theme header.
 * Rates remain dark; daily movement is the only color signal.
 */

.header__currency .currency__item {
    white-space: nowrap;
}

.header__currency .currency__rate {
    color: #2f343a;
    font-variant-numeric: tabular-nums;
}

.header__currency .currency__change {
    display: inline-block;
    margin-left: 3px;
    font-size: 0.84em;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.header__currency .vcd-change--up {
    color: #178a49;
}

.header__currency .vcd-change--down {
    color: #c53b3f;
}

.header__currency .vcd-change--flat {
    color: #838b96;
}

@media (max-width: 767px) {
    .header__currency .currency__change {
        margin-left: 2px;
        font-size: 0.8em;
    }
}
