/* qa-stars.css (STARS, ST, Fri Oct 16 2026; 2.0/2.1 with RTEXT): the star row on EVERY review card (home, /results/, /start/,
   /start/cleaning, the responder's 9 template pages and so its /for/ pages, the 3 static /for/ pages), shown ONLY when the owner gave us a
   rating (stars/ratings.json; patchStars.mjs writes the row). Amber stars filled per the rating, the rest light grey, then a small grey
   "Rated {n}/5 by {first name}, {Mon YYYY}" so it's clear who rated and when. A card with no rating has no row, so nothing here applies
   to it. THE THEME's tokens only (site.css :root). No font is set. */
.rv-stars{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:16px 0 0}
.rv-st{display:block;flex:none;width:99px;height:18px}
.rv-st path{stroke-width:1.3;stroke-linejoin:round}
.rv-st .on{fill:var(--amber);stroke:var(--amber)}
.rv-st .off{fill:var(--onDark2);stroke:var(--onDark2)}
.rv-rated{font-size:13px;line-height:1.35;color:var(--muted)}
.rv-stars+.rv-main .rv-big{margin-top:12px}
/* RT round 1 (BUILDER R5): on the three-across cards (home, /start/, the template and /for/ pages) the "Rated" line is 12px, so it stays
   beside the stars at 1280 (the longest, Elizabeth's, needs 174px of the 183px there); narrower, the whole line drops under the stars. */
@media (min-width:980px){.rv-home .rv-rated,.rv-trio .rv-rated{font-size:12px}}
@media (min-width:900px){
  .rx-feed .rv-stars{margin-top:20px}
  .rx-feed .rv-st{width:110px;height:20px}
  .rx-feed .rv-rated{font-size:14px}
  .rx-feed .rv-stars+.rv-main .rv-big{margin-top:14px}
}