/* /repair-shop-websites: the repair shop landing page. Everything else comes from site.css and home.css. */
.rs-hero > * { max-width: 760px; }
.rs-hero h1 { margin-bottom: 14px; }
.rs-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin-top: 20px; }
.rs-card { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 12px; padding: 20px; }
.rs-card h3 { margin: 0 0 8px; font-size: 1.1rem; }
.rs-card p { margin: 0; color: var(--text-muted); }
.rs-list { max-width: 820px; padding-left: 20px; margin: 18px 0; }
.rs-list li { margin-bottom: 12px; line-height: 1.5; }
.rs-proof { display: grid; gap: 28px; align-items: center; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 860px) { .rs-proof { grid-template-columns: 1.1fr 1fr; } }
.center-text { text-align: center; }
.center-text .muted { max-width: 52ch; margin-inline: auto; }