.reviews__intro {
    padding: 0 1.2rem;
    margin-bottom: 1.25rem;
}

/* Same look as the players page heading (.players__title): light blue, shared intro scale
   --fs-intro-title 18 / 20 / 24 px (client, 2. 11. 2026; was 20 / 24 / 28 px). */
.reviews__intro-title {
    color: var(--sp-current-page-title-color);
    font-weight: 700;
    font-size: var(--fs-intro-title);
    line-height: var(--lh-title);
    margin-bottom: 0.75rem;
}

.reviews__intro-text {
    color: var(--sp-card-text-color);
    font-size: var(--fs-intro-text);   /* 16 px (client, 2. 11. 2026; was --fs-body) */
    line-height: var(--lh-body);
    max-width: none;   /* full width, same as the homepage intro */
    margin-bottom: 0;
}

.reviews__banner {
    margin-bottom: 1.25rem;
    padding: 0 1.2rem;
}

.row.reviews__grid {
    --bs-gutter-y: 1.25rem;
}

/* One rating line: the label takes the remaining width and may wrap, the five diamonds
   (.rate, 160 px) never do. */
.rating__row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 40px;
}

.rating__label {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 18px;
    line-height: 1.2;
    hyphens: auto;
    overflow-wrap: anywhere;
}

.rating__row .rate {
    flex: 0 0 auto;
}

@media screen and (max-width: 575.98px) {
    .reviews__intro {
        margin-bottom: 1rem;
    }

    .reviews__banner {
        margin-bottom: 1rem;
        padding: 0;
    }

    .reviews__intro-title {
        margin-bottom: 0.5rem;
    }
}