/* Shared sections included by every template (FAQ + service areas).
   Relies on --primary / --accent / --dark, which each template sets in :root. */
.cmn-wrap{width:min(1140px,92%);margin:0 auto}
.cmn-h2{font-size:clamp(1.6rem,3.2vw,2.3rem);margin:0 0 1.6rem;font-weight:800;text-align:center;letter-spacing:-.01em}

/* FAQ */
.cmn-faq{padding:4.5rem 0;background:#fff;color:#0f172a;font-family:inherit}
.cmn-faq-list{max-width:780px;margin:0 auto;display:grid;gap:.7rem}
.cmn-faq-item{border:1px solid #e5e7eb;border-radius:10px;padding:0 1.1rem;background:#fff}
.cmn-faq-item summary{cursor:pointer;font-weight:600;padding:1rem 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.cmn-faq-item summary::-webkit-details-marker{display:none}
.cmn-faq-item summary::after{content:"+";color:var(--primary);font-size:1.5rem;font-weight:700;line-height:1}
.cmn-faq-item[open] summary::after{content:"\2013"}
.cmn-faq-item p{margin:0 0 1.1rem;color:#475569;line-height:1.6}

/* Service areas */
.cmn-extras{padding:3rem 0;background:var(--dark);color:#e5e7eb}
.cmn-areas-label{text-align:center;font-weight:700;letter-spacing:.04em;margin:0 0 1.1rem;opacity:.92}
.cmn-areas{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;max-width:920px;margin:0 auto}
.cmn-chip{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.35rem .95rem;font-size:.9rem}