/* Silver Spider Media enhancement stylesheet for the post-migration service hub pages.
   Tokens derived from the live staging site's OWN computed styles (Playwright
   getComputedStyle read on the homepage and an existing service/town page):
   H1 = Outfit 600 / body = DM Sans / text #1a1a1a / accent #E98E2C / button radius 4px.
   Cache note: this file is served from /wp-content/ which vercel.json caches
   immutable for 1 year. Bump the ?v= query on every edit or the fix will not
   be visible to returning visitors. Current version: v1. */

.svc-hub{ --font-display:'Outfit', sans-serif; --font-body:'DM Sans', sans-serif; --text:#1a1a1a; --accent:#E98E2C; --radius:4px; --line:#e7e2da; --surface:#f7f5f1; }
.svc-hub{font-family:var(--font-body);color:var(--text);}
.svc-hub h1,.svc-hub h2,.svc-hub h3,.svc-hub h4{font-family:var(--font-display);font-weight:600;color:var(--text);margin:0 0 .5em;}
.svc-kicker{font-family:var(--font-body);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--accent);margin:0 0 .5em;}
.svc-hero{padding:56px 24px 40px;max-width:1100px;margin:0 auto;}
.svc-hero h1{font-size:48px;line-height:1.1;}
.svc-hero .accent{color:var(--accent);}
.svc-hero p.lede{font-size:18px;line-height:1.6;max-width:60ch;}
.svc-btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;}
.svc-btn{display:inline-flex;align-items:center;gap:8px;background:#000;color:var(--accent);font-family:var(--font-body);font-weight:500;font-size:15px;padding:12px 22px;border-radius:var(--radius);text-decoration:none;border:1px solid #000;}
.svc-btn:hover{background:#1a1a1a;}
.svc-btn.outline{background:transparent;color:#000;border:1px solid #000;}
.svc-section{max-width:1100px;margin:0 auto;padding:36px 24px;}
.svc-section h2{font-size:34px;}
.svc-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.svc-list li{font-size:16px;line-height:1.6;padding-left:28px;position:relative;}
.svc-list li:before{content:"\2714";position:absolute;left:0;color:var(--accent);font-weight:700;}
.svc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;}
.svc-cross-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.svc-cross-card{background:var(--surface);border-radius:var(--radius);padding:28px;border:1px solid var(--line);}
.svc-cross-card h3{font-size:22px;}
.svc-cross-card a.svc-link{color:var(--accent);font-weight:500;text-decoration:none;border-bottom:1px solid var(--accent);}
.svc-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.svc-trust-grid .item h4{font-size:18px;}
.svc-trust-grid .item p{font-size:14px;color:#555;margin:0;}
.svc-faq{border-top:1px solid var(--line);}
.svc-faq details{border-bottom:1px solid var(--line);padding:16px 0;}
.svc-faq summary{cursor:pointer;font-weight:500;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.svc-faq summary::-webkit-details-marker{display:none;}
.svc-faq summary:after{content:"+";font-size:20px;color:var(--accent);}
.svc-faq details[open] summary:after{content:"\2212";}
.svc-faq p{margin:10px 0 0;font-size:15px;line-height:1.6;color:#333;}
.svc-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;}
.svc-areas a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;text-decoration:none;color:var(--text);font-weight:500;}
.svc-areas a:hover{border-color:var(--accent);color:var(--accent);}
.svc-cta{background:var(--text);color:#fff;text-align:center;padding:48px 24px;}
.svc-cta h2{color:#fff;}
.svc-cta p{max-width:60ch;margin:0 auto 20px;}
@media (max-width:768px){
  .svc-hero h1{font-size:34px;}
  .svc-grid-2,.svc-cross-grid{grid-template-columns:1fr;}
  .svc-trust-grid{grid-template-columns:repeat(2,1fr);}
}