/* ============================================================
   Budget Finance Reviews — budgetfinancereviews.com.au / .au
   Additive stylesheet loaded AFTER styles.css (which is an unmodified
   copy of the main site's design system — same "Gallery" language,
   same tokens). This file only adds what the main site doesn't need:
   the full reviews grid + stat header. Keep styles.css a clean copy
   so the two sites stay visually identical and easy to diff.
   ============================================================ */

/* ---------- Stat header (index) ---------- */
.rv-stats{
  display:flex;justify-content:center;align-items:baseline;gap:10px;
  margin:22px auto 0;flex-wrap:wrap;
}
.rv-stats .stars{color:#f5a623;font-size:22px;letter-spacing:3px}
.rv-stats .num{font-size:22px;font-weight:700;letter-spacing:-.01em}
.rv-stats .count{font-size:15px;color:var(--dim)}
.rv-source{font-size:12.5px;color:var(--faint);margin-top:10px}

/* ---------- Full reviews grid ---------- */
.rv-grid{
  display:grid;grid-template-columns:1fr;gap:14px;
  max-width:900px;margin:48px auto 0;text-align:left;
}
.rv-grid .rv-inner{min-height:0}
.rv-grid .rv-badge{
  display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--faint);margin-top:16px;
}
@media(min-width:768px){
  .rv-grid{grid-template-columns:1fr 1fr;gap:18px}
}

/* ---------- Simple info page (about / contact) ---------- */
.rv-info{max-width:640px;margin:0 auto;text-align:center}
.rv-info p{font-size:clamp(16px,4.4vw,19px);color:var(--ink);line-height:1.65;margin-top:18px}
.rv-info p:first-child{margin-top:0}