.travelryt-score-wrap {
    display: grid;
    gap: 16px;
    margin: 18px 0;
}

.travelryt-score-overall-card,
.travelryt-score-item {
    padding: 16px;
    border-radius: 14px;
    background: rgba(243,236,222,0.9);
    border: 1px solid rgba(65,80,72,0.12);
}

.travelryt-score-overall-card {
    display: grid;
    gap: 6px;
    justify-items: start;
}

.travelryt-score-overall-label,
.travelryt-score-overall-tag,
.travelryt-score-item small {
    font-size: 0.8rem;
    color: var(--ink-700);
}

.travelryt-score-overall-value {
    font-size: 1.85rem;
    color: var(--navy-950);
}

.travelryt-score-overall-tag {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(108,122,88,0.12);
    color: var(--navy-950);
    font-weight: 700;
}

.travelryt-score-subgrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.travelryt-score-item-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.travelryt-score-item-head strong {
    font-size: 0.88rem;
}

.travelryt-score-bar {
    height: 7px;
    border-radius: 999px;
    background: rgba(65,80,72,0.12);
    overflow: hidden;
    margin-bottom: 8px;
}

.travelryt-score-bar span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--green-500), var(--saffron-500));
}

.travelryt-score-explanation {
    margin: 0;
}

.travelryt-score-wrap-destination-card .travelryt-score-subgrid,
.travelryt-score-wrap-stay-card .travelryt-score-subgrid {
    grid-template-columns: 1fr;
}

@media (max-width: 840px) {
    .travelryt-score-subgrid {
        grid-template-columns: 1fr;
    }
}