/* Site structure: capsules, FAQ, children grid, footer hierarchy */
a.bc-pill{display:inline-block;text-decoration:none;cursor:pointer;transition:all .3s var(--t)}
a.bc-pill:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(255,53,3,.18)}
.blog-cats .bc-pill{font-size:.78rem;padding:.45rem 1rem}

.ch-faq{display:grid;gap:1rem}
.ch-faq-i{background:#fff;border:1px solid var(--g1);border-radius:var(--rl);padding:1.4rem 1.6rem;box-shadow:var(--sh);transition:all .35s var(--t);border-left:4px solid transparent}
.ch-faq-i:hover{transform:translateY(-4px);box-shadow:var(--shl);border-left-color:var(--accent)}
.ch-faq-i h3{font-size:1.05rem;margin:0 0 .5rem}
.ch-faq-i p{margin:0;color:var(--muted);line-height:1.7}

.ch-children .s-card{display:flex;flex-direction:column}
.ch-children .s-card p{flex:1}

/* mega menu heading links */
.mega-cat h5 a{color:inherit}
.ch-svc-mega .mega-cat h5 a:hover{color:var(--accent)}
.ch-res-dd{width:min(660px,92vw)}
.ch-res-dd .mega-feature+.mega-feature{margin-top:.5rem}
.ch-res-dd .mega-feature{padding:.6rem;border-radius:var(--r);transition:background .3s var(--t),transform .3s var(--t)}
.ch-res-dd .mega-feature:hover{background:var(--g0);transform:translateX(4px)}
/* v6.6: every row of the Free Resources dropdown gets the same padding (store.css .cat-mega .mega-feature{padding-top:0} used to strip the top padding), and every button the same padding */
.ch-res-dd.cat-mega .mega-feature{padding:.75rem;margin-top:0;border:none;box-sizing:border-box}
.ch-res-dd.cat-mega .mega-feature+.mega-feature{margin-top:.5rem}
.ch-res-dd.cat-mega .mega-feature .ch-dd-btn{padding:.6rem 1.25rem;flex-shrink:0;box-sizing:border-box}

/* footer hierarchy */
.f-col h4 a{color:inherit;transition:color .25s var(--t)}
.f-col h4 a:hover{color:var(--accent)}
.f-col li.f-sub{padding-left:.9rem;position:relative}
.f-col li.f-sub::before{content:'';position:absolute;left:0;top:.8em;width:.45rem;height:1px;background:rgba(255,255,255,.35)}
@media(min-width:1025px) and (max-width:1200px){.f-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}

/* v6.7: scrollable dropdowns (Services, Free Resources, any mega menu) - colours / size come from the Customizer */
.ch-scroll{max-height:var(--ch-sc-h,340px);overflow-y:auto;overflow-x:hidden;padding-right:.7rem;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ch-sb-t,#FF3503) var(--ch-sb-k,#F0EBE4)}
.ch-res-dd .ch-scroll{--ch-sc-h:230px}
.ch-scroll::-webkit-scrollbar{width:var(--ch-sb-w,6px)}
.ch-scroll::-webkit-scrollbar-track{background:var(--ch-sb-k,#F0EBE4);border-radius:999px}
.ch-scroll::-webkit-scrollbar-thumb{background:var(--ch-sb-t,#FF3503);border-radius:999px}
.ch-scroll::-webkit-scrollbar-thumb:hover{background:var(--ch-sb-th,#CF480E)}

/* v6.8: SEO Audit page on mobile - the decorative blobs of the hero stuck out of the page (the hero was not clipped), which widened the page and pushed the hamburger menu off screen. Clip only the hero; the audit form / crawler is untouched. */
.audit-hero,.e-con.audit-hero{position:relative;overflow:hidden}

/* v6.13: header sits a little lower at the top of the page (extra top space only; after scrolling it returns to the compact bar as before).
   Header padding set in Customize > Header & Footer still overrides this. */
.site-header{padding-top:1.9rem}
@media(max-width:640px){.site-header{padding-top:1.4rem}}