/* reviews (site-video-reviews, owner 2026-10-07; from site-drafts/reviews/reviews.css): three customer reviews. The site's
   variables (style.css on the home and occasion pages, quiz.css on the quiz). No stars, avatars, badges or counts: a
   quote and "— Name, Place". */

/* home and occasion pages: a section after #how (written into the HTML) */
.rv-section .rv-h { margin: 0 0 18px; }
.rv-row { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
  margin: 0 -20px; padding: 2px 20px 10px; scrollbar-width: none; }
.rv-row::-webkit-scrollbar { display: none; }
.rv-card { flex: 0 0 84%; scroll-snap-align: center; margin: 0; padding: 18px 18px 16px; border-radius: 18px;
  background: #fff; border: 1.5px solid rgba(209, 71, 47, .14); box-shadow: 0 6px 18px rgba(42, 30, 27, .06);
  display: flex; flex-direction: column; }
.rv-text { margin: 0; flex: 1; }
.rv-text p { margin: 0; font: 400 1.02rem/1.55 var(--serif); color: var(--ink); }
.rv-text p::before { content: "“"; } .rv-text p::after { content: "”"; }
.rv-by { display: block; margin-top: 12px; font-size: .92rem; font-weight: 600; color: var(--ink-2); }
.rv-one .rv-row { margin: 0; padding: 2px 0 10px; overflow: visible; }
.rv-one .rv-card { flex: 1 1 auto; max-width: 640px; margin: 0 auto; }
@media (min-width: 900px) {
  .rv-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; overflow: visible; margin: 0; padding: 2px 0 10px; }
  .rv-one .rv-row { grid-template-columns: 1fr; }
}

/* the quiz: one line right under Continue */
.rv-quiz { margin: 8px 0 0; text-align: center; font-size: .86rem; line-height: 1.4; color: var(--ink-2); text-wrap: balance; }
.rv-quiz[hidden] { display: none; }
.rv-quiz .rv-q { font-style: italic; quotes: "“" "”"; }
.rv-quiz .rv-by { display: inline; margin: 0; font-size: inherit; font-weight: 600; color: var(--muted); white-space: nowrap; }

/* the preview screen: Michael's card under the player / after the end card */
.rv-preview { flex: none; margin: 12px 0 6px; padding: 14px 16px; text-align: left; box-shadow: none; }
.rv-preview .rv-text p { font-size: .97rem; }
.rv-preview .rv-by { margin-top: 8px; }