/* Review badge and cards. Colours follow the section they sit in (light or the dark band). */
.rv-stars { display: inline-flex; gap: 1px; color: #c98a1b; vertical-align: -2px; }
.rv-stars svg { width: 16px; height: 16px; }

/* Badge inside a facts list: no square marker, stars instead */
li.rv-badge { padding-left: 0 !important; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
li.rv-badge::before { display: none !important; }
.rv-count strong { font-weight: 700; }
.rv-quote { flex-basis: 100%; font-size: 0.9375rem; opacity: 0.85; }
.rv-quote q { font-style: italic; }

/* Cards */
[data-reviews-list] { display: grid; gap: var(--space-5, 24px); align-items: start; }
.rv-card { margin: 0; display: grid; gap: var(--space-3, 12px); align-content: start; padding-top: var(--space-4, 16px); border-top: 1px solid currentColor; border-top-color: color-mix(in srgb, currentColor 22%, transparent); }
.rv-text { margin: 0; }
.rv-text p, p.rv-text { margin: 0; font: 400 var(--t-h3, 1.375rem)/1.4 var(--font-display, serif); }
.rv-card--summary .rv-text { font-family: var(--font-body, sans-serif); font-size: 1.125rem; }
.rv-card.is-long .rv-text p { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.rv-who { font-size: 0.9375rem; font-weight: 600; }
.rv-src { font-weight: 400; opacity: 0.75; }
.rv-more { justify-self: start; min-height: 44px; padding: 0; border: 0; background: none; color: inherit; font: 500 0.9375rem/1 var(--font-body, sans-serif); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.rv-total { grid-column: 1 / -1; margin: 0; font-size: 0.9375rem; opacity: 0.85; }
@media (min-width: 1024px) {
  [data-reviews-list] { grid-template-columns: 1fr 1fr; column-gap: var(--space-5, 24px); }
  [data-reviews-list][data-limit="1"] { grid-template-columns: 1fr; }
}
/* Stars keep their colour and size inside lists that style icons (e.g. page A's hero proof list). */
li.rv-badge .rv-stars svg, .rv-card .rv-stars svg, .rv-total .rv-stars svg { width: 16px; height: 16px; margin: 0; color: #c98a1b; flex: none; }
li.rv-badge .rv-stars { flex: none; }