/* The Google reviews check, on top of home.css. Phone first; the result goes
   two columns from 56rem. Ported from the approved mockup (canvas "BookDone
   Google reviews check", 2026-10-03). Class names avoid home.css's own
   rc- classes (its review card: rc-head, rc-label, rc-badge, rc-score). */
.rc{display:flex;flex-direction:column;gap:1.1rem;padding-block:1.75rem 3rem;max-inline-size:44rem}
.rc h1{font-size:2rem;line-height:1.1}
.rc-form,.rc-card{padding:1.25rem;background:var(--card);border:1px solid var(--line);border-radius:1.25rem;display:flex;flex-direction:column;gap:0.75rem}
.rc-form{box-shadow:0 20px 50px rgba(20,22,15,0.06)}
.rc-form label,.rc-side-label{font-weight:700}
.rc-form input[type="text"]{min-block-size:3.25rem;padding:0 0.875rem;border:1.5px solid #d9d4c8;border-radius:0.75rem;font:inherit;font-size:1rem;color:var(--ink);background:#fff;inline-size:100%}
.rc-form input[type="text"]:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-color:var(--accent)}
.rc-hits{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:0.75rem;overflow:hidden;box-shadow:0 14px 30px rgba(20,22,15,0.10);background:#fff}
.rc-hits[hidden]{display:none}
.rc-hit{display:flex;flex-direction:column;align-items:flex-start;inline-size:100%;min-block-size:3rem;padding:0.75rem 0.875rem;border:0;border-block-start:1px solid var(--line);background:#fff;font:inherit;color:var(--ink);text-align:start;cursor:pointer}
.rc-hits li:first-child .rc-hit{border-block-start:0}
.rc-hit:hover,.rc-hit:focus-visible{background:var(--accent-soft);outline:none}
.rc-hit strong{font-weight:700}
.rc-hit span{font-size:0.875rem;color:var(--muted)}
.rc-form .btn{border:0;cursor:pointer;font-family:inherit}
.rc-error{padding:0.75rem 0.875rem;border-radius:0.75rem;background:#fdecea;color:#8a1c13;font-weight:700}
.rc-note{font-size:0.8125rem;color:var(--muted)}
.rc-main{display:flex;flex-direction:column;gap:1rem;min-inline-size:0}
.rc-side{display:none}
.rc-own h1{font-size:1.65rem;line-height:1.15}
.rc-again{align-self:flex-start;font-weight:700;font-size:0.95rem;color:var(--accent-ink)}
.rc-own-score{display:flex;align-items:center;gap:0.5rem;font-size:1.125rem;font-weight:700}
.rc-own-score svg{inline-size:20px;block-size:20px;flex:none}
.rc-verdict{padding:0.75rem 0.875rem;border-radius:0.75rem;background:var(--accent-soft);color:#7c2d12;font-weight:700}
.rc-verdict.rc-plain{background:#f1eee7;color:var(--ink-soft)}
.rc-card h2{font-size:1.125rem;line-height:1.25}
.rc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.rc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name count" "bar bar";gap:0.375rem 0.75rem;align-items:center;padding:0.625rem 0;border-block-end:1px solid #f1eee7}
.rc-name{grid-area:name;display:flex;flex-wrap:wrap;align-items:center;gap:0.25rem 0.5rem;min-inline-size:0}
/* A long one-word name (Nails.liabeautyCo) breaks rather than runs into the count. */
.rc-name strong{font-weight:700;min-inline-size:0;overflow-wrap:anywhere}
.rc-tag{flex:none}
.rc-count{grid-area:count;font-size:0.875rem;color:var(--muted);white-space:nowrap}
.rc-bar{grid-area:bar;block-size:8px;border-radius:999px;background:#f1eee7;overflow:hidden}
.rc-bar span{display:block;block-size:100%;border-radius:999px;background:#a8a296}
.rc-you{margin-block:0.375rem;padding:0.75rem;border:2px solid var(--accent);border-radius:0.875rem;background:#fff7ed}
.rc-you .rc-name strong{font-weight:800}
.rc-you .rc-count{color:var(--ink-soft)}
.rc-you .rc-bar{background:#fde4cf}
.rc-you .rc-bar span{background:var(--accent)}
.rc-tag{padding:0.05rem 0.5rem;border-radius:999px;background:var(--accent);color:#fff;font-size:0.75rem;font-weight:800}
.rc-cta{padding:1.5rem 1.25rem;border-radius:1.5rem;background:var(--accent);color:#fff;display:flex;flex-direction:column;gap:1rem}
.rc-cta-text{display:flex;flex-direction:column;gap:0.5rem}
.rc-cta h2{font-size:1.5rem;line-height:1.15}
.rc-cta p{color:#fff4ea}
.rc-cta-act{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem}
.rc-cta .fine{text-align:center;color:#fff4ea}
.rc-faq{display:flex;flex-direction:column;gap:1rem;margin-block-start:1rem}
.rc-faq h2{font-size:1.5rem}
.rc-q{padding:1rem;background:var(--card);border:1px solid var(--line);border-radius:1rem}
.rc-q h3{font-size:1.0625rem;margin-block-end:0.375rem}
.rc-q p{color:var(--ink-soft)}
.rc-q a{color:var(--accent-ink)}
.rc-picked{min-block-size:3.25rem;display:flex;align-items:center;padding:0 0.875rem;border:1.5px solid #d9d4c8;border-radius:0.75rem}
@media (min-width:56rem){
  .rc{padding-block:3.5rem 5rem}
  .rc h1{font-size:2.75rem}
  .rc-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:3rem;align-items:start;max-inline-size:72.5rem}
  .rc-side{display:flex;flex-direction:column;gap:1.1rem}
  .rc-side-title{font-size:2.75rem;line-height:1.06;font-weight:800;letter-spacing:-0.035em}
  .rc-again-own{display:none}
  .rc-own h1{font-size:2rem}
  .rc-row{grid-template-columns:minmax(0,1fr) 9rem auto;grid-template-areas:"name bar count"}
  .rc-cta{flex-direction:row;flex-wrap:wrap;align-items:center}
  .rc-cta-text{flex:1 1 18rem}
  .rc-cta-act{align-items:center}
}

/* "How many 5-star reviews do I need?" (seo push, 2026-10-06). */
.rc-calc{margin-block-start:2.5rem}
.rc-calc h3{margin:1.5rem 0 0.35rem;font-size:1.05rem}
.calc{display:grid;gap:0.875rem;margin-block:1rem;padding:1.25rem;border:1px solid #e7e5e4;border-radius:18px;background:#fff}
.calc label{display:grid;gap:0.35rem;font-weight:700}
.calc input{min-block-size:3rem;padding:0.5rem 0.875rem;border:1px solid #d6d3d1;border-radius:12px;font:inherit;font-weight:600;font-size:1.0625rem}
.calc input:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
.calc .hint{font-weight:400;font-size:0.875rem;color:#78716c}
.calc .btn{justify-self:start}
.calc-out{margin:0;font-size:1.125rem;font-weight:800;color:var(--accent-ink)}
.calc-out:empty{display:none}
.calc-note{margin:0;color:#78716c;font-size:0.875rem}
/* Mobile pass 2026-10-07 (frontend review). */
.rc-calc h2{font-size:1.5rem;line-height:1.25;margin:0 0 0.75rem}
.calc .btn{border:0;font:inherit;font-weight:800;cursor:pointer}
.rc-form iframe,.rc-form .cf-turnstile{max-inline-size:100%}