/* rb-seo: the programmatic data pages (src/_layouts/seo-data.liquid on rb-page): stats row, one chart,
   one ranked table, questions, links, methodology. Loaded by the layout via pageStyles. Built on rb.css
   tokens and components (.rb-ph, .rb-kpis, .rb-card, .rb-table, .rb-faq). Gated rows are not in the markup,
   so nothing here blurs, masks or hides content. */

.rb-seo{padding-bottom:clamp(40px,6vw,80px)}
.rb-seo .rb-faq{padding-block:clamp(32px,5vw,64px)}
.rb-seo .rb-ph{padding-bottom:clamp(8px,1.6vw,20px)}
.rb-seo .rb-ph__h1{max-width:26ch}
.rb-seo__sec{padding-block:clamp(16px,2.6vw,32px)}
.rb-seo__h2{margin-bottom:16px;font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-.035em;line-height:1.15}

/* Chart: name, bar scaled to the largest row, value */
.rb-seo-bars__list{padding-block:6px}
.rb-seo-bars__list li{display:grid;grid-template-columns:minmax(0,12em) minmax(0,1fr) minmax(3.5em,auto);align-items:center;gap:4px 16px;padding:12px 20px}
.rb-seo-bars__list li+li{border-top:1px solid var(--line-2)}
.rb-seo-bars__name{font-weight:700;letter-spacing:-.015em}
.rb-seo-bars__name a{text-decoration:none}
.rb-seo-bars__name a:hover{text-decoration:underline}
.rb-seo-bars__bar{height:10px;border-radius:999px;background:var(--bg)}
.rb-seo-bars__bar i{display:block;height:100%;border-radius:inherit;background:var(--ink)}
.rb-seo-bars b{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}

/* Table: rank, a row header that wraps, the teaser row for what is not shown */
.rb-seo-table .rb-seo-rank{width:3em;color:var(--ink-3)}
.rb-seo-table tbody th[scope="row"]{min-width:13em;white-space:normal}
.rb-seo-table td a,.rb-seo-table th a{text-decoration:none}
.rb-seo-table td a:hover,.rb-seo-table th a:hover{text-decoration:underline}
.rb-seo-table tfoot td{padding:0;border-top:1px solid var(--line);background:var(--tint)}
.rb-seo-teaser{padding:14px 16px}
.rb-seo-teaser .rb-link{margin:0}

/* Near-me pages: the stores table (open-data listings) with its verification note, and the hub's text sections */
.rb-seo-stores__summary{margin-bottom:12px;font-weight:600}
.rb-seo-stores__note{margin-bottom:16px;padding:12px 16px;border-left:3px solid var(--ink);background:var(--tint);line-height:1.55}
.rb-seo-stores__src{max-width:70ch;margin-top:12px;font-size:var(--fs-xs);line-height:1.6;color:var(--ink-3)}
.rb-seo-stores td,.rb-seo-stores th{vertical-align:top}
.rb-seo-stores tbody th[scope="row"]{min-width:11em}
.rb-seo-text{max-width:70ch}
.rb-seo-text p{line-height:1.65}
.rb-seo-text p+p{margin-top:.9em}

/* Links up, across and down */
.rb-seo-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px 32px}
.rb-seo-links h3{margin-bottom:10px;font-size:var(--fs-2xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.rb-seo-links li+li{margin-top:6px}
.rb-seo-links a{font-weight:600;text-decoration:none}
.rb-seo-links a:hover{text-decoration:underline}

/* Methodology */
.rb-seo-method{max-width:70ch;font-size:var(--fs-xs);line-height:1.6;color:var(--ink-3)}

@media (max-width:640px){
.rb-seo-bars__list li{grid-template-columns:minmax(0,1fr) 28% auto;padding-inline:16px}
.rb-seo-teaser{padding-inline:12px}
}