/* SEO landing pages — Pro House */
.breadcrumbs{padding-block:var(--s4);border-bottom:1px solid var(--line);background:var(--cream)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;font-size:14px;color:var(--muted)}
.breadcrumbs li+li::before{content:"/";margin-inline-end:8px;color:#999}
.breadcrumbs a{text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}

.seo-hero{padding-block:clamp(56px,8vw,104px);overflow:hidden;position:relative}
.seo-hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:var(--yellow);opacity:.28;inset-inline-end:-120px;top:-120px;z-index:0}
.seo-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:clamp(32px,6vw,80px);align-items:center}
.seo-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.12;font-weight:800;margin-block:var(--s3) var(--s4)}
.seo-hero .lede{max-width:65ch;color:var(--muted);font-size:clamp(17px,2vw,21px)}
.seo-hero-media{position:relative}
.seo-hero-media img{width:100%;max-height:520px;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-md)}
.seo-badge{position:absolute;inset-inline-start:18px;bottom:18px;background:var(--black);color:var(--white);padding:9px 14px;border-radius:var(--r-pill);font-size:14px;font-weight:700}

.seo-section{padding-block:clamp(64px,8vw,104px)}
.seo-section.compact{padding-block:clamp(48px,6vw,72px)}
.seo-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.seo-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.seo-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--shadow-sm)}
.seo-card h2,.seo-card h3{line-height:1.25;margin-bottom:var(--s3)}
.seo-card p+.btn,.seo-card ul+.btn{margin-top:var(--s5)}
.seo-card ul{list-style:disc;padding-inline-start:22px;color:var(--muted)}
.seo-card a.text-link{font-weight:700;text-decoration-thickness:2px;text-underline-offset:4px}
.seo-card a.text-link:hover{text-decoration-color:var(--yellow-deep)}

.nap{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--white)}
.nap .row{display:grid;grid-template-columns:130px 1fr;gap:var(--s4);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line)}
.nap .row:last-child{border-bottom:0}
.nap dt{font-weight:700}
.nap dd{color:var(--muted)}
.nap a{color:inherit}

.seo-callout{background:var(--yellow);border-radius:var(--r-lg);padding:clamp(28px,5vw,56px);display:flex;justify-content:space-between;gap:var(--s6);align-items:center}
.seo-callout h2{font-size:clamp(28px,4vw,44px);line-height:1.2}
.seo-callout p{max-width:60ch;margin-top:var(--s3);color:#3B3308}

.faq-list{display:grid;gap:var(--s3);max-width:900px}
.faq-list details{border:1px solid var(--line);border-radius:var(--r-md);background:var(--white);padding:var(--s4) var(--s5)}
.faq-list summary{cursor:pointer;font-weight:700}
.faq-list p{margin-top:var(--s3);color:var(--muted)}

.quick-links{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.quick-links a{display:inline-flex;padding:9px 14px;border-radius:var(--r-pill);border:1px solid var(--line);text-decoration:none;font-weight:700;font-size:14px}
.quick-links a:hover{border-color:var(--black);background:var(--cream)}

.seo-note{font-size:14px;color:var(--muted);margin-top:var(--s4)}
.seo-page .site-footer{margin-top:0}

@media (max-width:900px){
  .seo-hero-grid,.seo-grid-3{grid-template-columns:1fr}
  .seo-hero-media{max-width:680px}
}
@media (max-width:680px){
  .seo-grid-2{grid-template-columns:1fr}
  .seo-callout{display:block}
  .seo-callout .btn{margin-top:var(--s5)}
  .nap .row{grid-template-columns:1fr;gap:4px}
}