/* qa-reviews.css (SITE POLISH B, PB, Fri Oct 16 2026; CAPTAIN 1145 §B): the owners' results as review cards, on home (the 3 cleaning
   results) and /results/ (every result, one card per row, grouped by trade, cleaning first). Jack's reference, honestly: a white rounded
   card with a soft shadow; a round initial avatar, the owner's name, "Owner, {Company}" and the trade in grey; one sentence of the
   owner's own words in the highlighter (THE THEME's --hl + amber edge), then the rest of what they said;
   "Owner-reported. Shared with permission." Nothing from a review site's own look (no logo, score or counts).
   THE THEME's tokens only (site.css :root); the shadows are ink at low alpha, as site.css's own .tile / .pcard. No font is set. */
/* RTEXT (RT, Fri Oct 16 2026): Jack: "regular text as like the Google review without the image". No card shows a text screenshot:
   the thumbnail, its zoom badge and the full-size view (and qa-reviews.js's listener) are gone. The same card also shows on /start/,
   /start/cleaning, the responder's template pages and the static /for/ pages: three in a .rv-trio, laid out like home's .rv-home. */

/* ---- the card */
.rv{position:relative;display:flex;flex-direction:column;box-sizing:border-box;min-width:0;background:#fff;border-radius:22px;padding:22px 20px 16px;text-align:left;box-shadow:0 1px 2px rgba(13,18,51,.06),0 16px 36px -22px rgba(13,18,51,.34)}
.rv-head{display:flex;align-items:center;gap:12px}
.rv-av{flex:none;width:46px;height:46px;border-radius:50%;background:var(--violet);color:#fff;font-weight:800;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center}
.rv-id{min-width:0}
.rv-name{margin:0;font-weight:800;font-size:17px;line-height:1.25;color:var(--head)}
.rv-co,.rv-tr{margin:1px 0 0;font-size:14px;line-height:1.35;color:var(--muted)}
.rv-main{display:flex;flex-direction:column;margin-bottom:16px}
.rv-text{min-width:0}
.rv .rv-big{margin:18px 0 0;font-weight:900;font-size:28px;line-height:1.06;letter-spacing:-.025em;color:var(--head);text-wrap:balance}
.rv .rv-big .rx-n{color:var(--violetText)}
.rv .rv-big.rx-two .rx-n{display:block}
.rv-sub{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--muted);text-wrap:balance}
.rv-q{margin:14px 0 0;padding:0;font-size:17px;line-height:1.6;color:var(--body)}
.rv-q p{margin:0}
/* RT round 1 (BUILDER R5): no lone last word in the owner's words (text-wrap:pretty; Chrome applies it only when the highlight
   inside is drawn sliced: one continuous highlighter stroke, as in Jack's reference); the trade · place line breaks evenly (no lone "FL") */
.rv-q{text-wrap:pretty}
.rv-q .rv-hl{-webkit-box-decoration-break:slice;box-decoration-break:slice}
.rv-tr{text-wrap:balance}
.rv-hl{background:var(--hl);color:var(--head);border-radius:3px;padding:1px 2px;box-shadow:inset 0 -2px 0 var(--amber);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rv-foot{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:13px;line-height:1.4;color:var(--muted)}

/* ---- home: the 3 cleaning results; .rv-trio (RT): the same row of 3 on /start/, /start/cleaning, the template and /for/ pages
   (stacked on a phone, a row of 3 on a wide screen) */
.rv-home,.rv-trio{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;max-width:560px;margin:44px auto 0}
@media (min-width:980px){.rv-home,.rv-trio{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:22px}}

/* ---- /results/: one card per row, lots of room, a heading per trade */
.rv-groups{max-width:760px;margin:0 auto}
.rv-group+.rv-group{margin-top:64px}
.rv-gh{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-weight:800;font-size:25px;line-height:1.15;letter-spacing:-.02em;color:var(--head)}
.rv-gh::before{content:"";flex:none;width:6px;height:26px;border-radius:3px;background:var(--violet)}
.rv-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.rx-feed .rv .rv-big{font-size:32px}
.rx-feed .fine{max-width:760px}
@media (min-width:900px){
  .rv-group+.rv-group{margin-top:96px}
  .rv-gh{font-size:30px;margin-bottom:24px}
  .rv-gh::before{height:30px}
  .rv-list{gap:44px}
  .rx-feed .rv{padding:34px 40px 22px;border-radius:26px}
  .rx-feed .rv-av{width:54px;height:54px;font-size:23px}
  .rx-feed .rv-name{font-size:19px}
  .rx-feed .rv-co,.rx-feed .rv-tr{font-size:15px}
  .rx-feed .rv-main{margin-bottom:20px}
  .rx-feed .rv .rv-big{font-size:40px;margin-top:22px}
  .rx-feed .rv-sub{font-size:16px}
  .rx-feed .rv-q{font-size:19px;margin-top:16px}
}