.journey-overview .journey-card--configured {
    border-color: var(--card-border, var(--journey-border));
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .08), transparent 70%),
        var(--card-surface, var(--journey-surface));
}

.journey-card--configured .journey-card__eyebrow,
.journey-card--configured h3 a,
.journey-card--configured .text-link {
    color: var(--card-accent, var(--journey-accent));
}

.journey-card--configured::after {
    border-color: var(--card-accent, var(--journey-accent));
}

.journey-weather {
    margin-top: 1.4rem;
    padding: .8rem;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: .65rem;
    background: rgba(0, 29, 57, .18);
    color: #fff;
}

.journey-weather__header {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .55rem;
}

.journey-weather__header h2 {
    margin: 0;
    color: #fff;
    font-size: .82rem;
    font-weight: 600;
}

.journey-weather__status {
    color: rgba(255, 255, 255, .75);
    font-size: .7rem;
}

.journey-weather__current {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .15rem .55rem;
    align-items: center;
}

.journey-weather__icon {
    grid-row: 1 / span 2;
    font-size: 2rem;
    line-height: 1;
}

.journey-weather__temperature {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.1;
}

.journey-weather__description,
.journey-weather__details {
    color: rgba(255, 255, 255, .78);
    font-size: .68rem;
    line-height: 1.4;
}

.journey-weather__details {
    grid-column: 1 / -1;
    margin-top: .45rem;
}

.journey-weather__forecast {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .3rem;
    margin-top: .65rem;
}

.journey-weather__day {
    min-width: 0;
    padding: .38rem .25rem;
    border-radius: .4rem;
    background: rgba(0, 22, 45, .19);
    font-size: .62rem;
    text-align: center;
}

.journey-weather__day strong,
.journey-weather__day span {
    display: block;
}

.journey-weather__day strong {
    margin-bottom: .15rem;
    font-weight: 600;
}

.journey-weather__day span {
    color: rgba(255, 255, 255, .75);
}

.journey-weather__credit {
    display: inline-block;
    margin-top: .65rem;
    color: rgba(255, 255, 255, .68);
    font-size: .58rem;
}

@media (max-width: 780px) {
    .journey-weather {
        margin-bottom: 1rem;
    }
}