/* qa-results.css (job M, CAPTAIN Oct 15 2:20 PM §3): the results page, one card per result, room to breathe. Layout only.
   site.css (= THEME/theme.css, md5 7c4695cd) tokens only; the shadows are site.css's own .tile / .pcard values. site.css is unchanged.
   Phone: one stacked feed, big gaps, about one card per screen. Desktop (>=900px): two columns with wide gutters (DESIGN-M §8.3). */
/* the hero: "Real owners. Real bookings." on two lines at every width (as on a phone), so the page doesn't jump when Archivo swaps in
   (the fallback font is wider: one line in Archivo at 1280 but two in the fallback moved the feed 68px, CLS 0.13; MB2, mt8-results-chrome) */
.page-hero .h1-sm{max-width:10em;margin-left:auto;margin-right:auto}
.rx-feed{padding:48px 16px 88px}
.rx-list{list-style:none;margin:0 auto;padding:0;max-width:560px;display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.rx{margin:0;min-width:0}
.rx-card{box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:24px;padding:28px 22px 20px;box-shadow:0 18px 40px -28px rgba(13,18,51,.35)}
.rx-big{margin:0;font-weight:900;font-size:clamp(34px,9.4vw,46px);line-height:1.02;letter-spacing:-.03em;color:var(--head);text-wrap:balance}
.rx-n{color:var(--violetText)}
/* MF (MR1-1): a label that starts with a figure ("4 jobs from old quotes") sits under the result, so "$19.8k" and "4 jobs" never share a line */
.rx-two .rx-n{display:block}
.rx-sub{margin:12px 0 0;font-size:16px;line-height:1.45;color:var(--body)}
.rx-who{margin:8px 0 0;font-size:15px;line-height:1.45;color:var(--muted)}
.rx-who b{font-weight:800}
/* MF (MR1-5): the owner's name on a card with no screenshot, styled like the phone frame's header (initial chip + first name), no background */
.rx-by{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:13px;font-weight:800;color:var(--head)}
.rx-by i{width:22px;height:22px;border-radius:50%;background:var(--violet);color:#fff;font-style:normal;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.rx-q{margin:18px 0 0;padding:2px 0 2px 14px;border-left:3px solid var(--violet);font-size:18px;line-height:1.45;color:var(--head)}
.rx-q p{margin:0}
.rx-q cite{display:block;margin-top:6px;font-style:normal;font-size:14px;font-weight:700;color:var(--muted)}
.rx-phone{margin:24px auto 0;width:min(100%,264px);box-sizing:border-box;border:7px solid var(--ink);border-radius:30px;background:#fff;overflow:hidden;box-shadow:0 2px 0 rgba(13,18,51,.04),0 30px 70px -30px rgba(13,18,51,.55)}
.rx-phone figcaption{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;background:var(--bg2);border-bottom:1px solid var(--line);font-size:13px;font-weight:800;color:var(--head)}
.rx-phone figcaption i{width:22px;height:22px;border-radius:50%;background:var(--violet);color:#fff;font-style:normal;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.rx-phone img{display:block;width:100%;height:auto}
.rx-foot{margin:22px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);text-align:center}
.rx-feed .fine{margin:40px auto 0;max-width:560px}
@media (min-width:900px){
  .rx-feed{padding:80px 20px 112px}
  .rx-list{max-width:1040px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;row-gap:56px;align-items:start}
  .rx-list>.rx:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 28px)}
  .rx-card{padding:34px 32px 22px}
  .rx-big{font-size:46px}
}