
/* Phase 3 — local SEO landing pages */
.seo-hero{padding:clamp(3rem,7vw,6rem) 0;background:linear-gradient(135deg,var(--color-navy-900,#071f2a),var(--color-primary-900,#0b2e3d));color:#fff}
.seo-hero h1{max-width:850px;margin:.5rem 0 1rem;font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.02}
.seo-hero .lead{max-width:760px;color:rgba(255,255,255,.82)}
.breadcrumbs{display:flex;gap:.55rem;align-items:center;font-size:.875rem;margin-bottom:1.5rem;color:rgba(255,255,255,.72)}
.breadcrumbs a{color:#fff;text-decoration:none}
.seo-content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:clamp(2rem,6vw,5rem);align-items:start}
.section-head-left{text-align:left;margin-left:0;margin-right:0}
.seo-aside{position:sticky;top:1.5rem}
.seo-aside-card{padding:1.5rem;border:1px solid var(--color-border,#e5e9e8);border-radius:1rem;background:#fff;box-shadow:0 12px 35px rgba(7,31,42,.08)}
.btn-block{display:flex;width:100%;justify-content:center;margin-top:.75rem}
.seo-chip-list{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.seo-chip-list span{padding:.55rem .8rem;border:1px solid var(--color-border,#e5e9e8);border-radius:999px;background:#fff;font-size:.9rem}
.seo-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.seo-link-card{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 1.3rem;border:1px solid var(--color-border,#e5e9e8);border-radius:.9rem;text-decoration:none;color:inherit;background:#fff;transition:transform .15s ease,box-shadow .15s ease}
.seo-link-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(7,31,42,.08)}
.seo-link-card span{white-space:nowrap;color:var(--color-primary-900,#0b2e3d);font-size:.9rem}
.faq-list{max-width:900px}
.faq-item{padding:1rem 0;border-bottom:1px solid var(--color-border,#e5e9e8)}
.faq-item summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.3rem}
.faq-item[open] summary::after{content:"−"}
.faq-item p{margin:.75rem 0 0;color:var(--color-muted,#667579)}
@media(max-width:800px){
  .seo-content-grid{grid-template-columns:1fr}
  .seo-aside{position:static}
  .seo-link-grid{grid-template-columns:1fr}
}
