/* One shared content grid for every Blue Ads page. */
:root{--ba-layout-width:1180px;--ba-layout-gutter:28px}
html,body{max-width:100%;overflow-x:clip}
.site-header,.site-footer,.section-wrap:not(.hero),.info-shell,.results-shell{width:min(var(--ba-layout-width),calc(100% - var(--ba-layout-gutter) - var(--ba-layout-gutter)));max-width:100%;margin-inline:auto}
.site-header{padding-inline:0;gap:clamp(12px,2vw,28px)}
.site-header .main-nav{justify-content:center}
.site-footer{padding-inline:0}
.hero.section-wrap{width:100%;max-width:100%;margin:0;padding-inline:max(var(--ba-layout-gutter),calc((100% - var(--ba-layout-width))/2))}
.services.section-wrap,.contact.section-wrap{width:min(var(--ba-layout-width),calc(100% - var(--ba-layout-gutter) - var(--ba-layout-gutter)));max-width:100%;margin-inline:auto;padding-inline:0}
.method-inner{width:min(var(--ba-layout-width),calc(100% - var(--ba-layout-gutter) - var(--ba-layout-gutter)));max-width:100%;margin-inline:auto;padding-inline:0}
.quick-actions.section-wrap{margin-inline:auto}
.info-page .site-header{width:min(var(--ba-layout-width),calc(100% - var(--ba-layout-gutter) - var(--ba-layout-gutter)));margin-inline:auto;padding-inline:0}
.info-page .site-footer,.results-page .site-footer{width:min(var(--ba-layout-width),calc(100% - var(--ba-layout-gutter) - var(--ba-layout-gutter)));margin-inline:auto}
.info-shell,.results-shell{padding-inline:0}
.contact-page-intro{width:min(var(--ba-layout-width),calc(100% - var(--ba-layout-gutter) - var(--ba-layout-gutter)));margin-inline:auto}
@media(max-width:1100px){
  :root{--ba-layout-gutter:24px}
  .contact.section-wrap{width:min(760px,calc(100% - var(--ba-layout-gutter) - var(--ba-layout-gutter)));grid-template-columns:minmax(0,1fr);margin-inline:auto}
  .method-inner{width:min(900px,calc(100% - var(--ba-layout-gutter) - var(--ba-layout-gutter)))}
}
@media(max-width:700px){
  :root{--ba-layout-gutter:18px}
  .site-header,.site-footer,.section-wrap:not(.hero),.info-shell,.results-shell,.info-page .site-header,.info-page .site-footer,.results-page .site-footer,.contact-page-intro{width:calc(100% - var(--ba-layout-gutter) - var(--ba-layout-gutter))}
  .site-header{height:74px;gap:9px;padding-inline:0}
  .site-header .main-nav{gap:8px}
  .hero.section-wrap{width:100%;padding-inline:18px}
  .services.section-wrap{padding-block:68px 74px}
  .contact.section-wrap{width:calc(100% - var(--ba-layout-gutter) - var(--ba-layout-gutter));padding-block:66px 64px;gap:25px}
  .method-inner{width:calc(100% - var(--ba-layout-gutter) - var(--ba-layout-gutter));padding-inline:0;gap:28px}
  .quick-actions.section-wrap{width:calc(100% - var(--ba-layout-gutter) - var(--ba-layout-gutter))}
  .info-page .site-header{height:74px;padding-inline:0}
  .info-main{padding-top:22px;padding-bottom:60px}
  .info-shell,.results-shell{padding-inline:0}
  .contact-page-intro{padding-block:24px 50px}
}
@media(max-width:390px){
  .site-header,.site-footer,.section-wrap:not(.hero),.info-shell,.results-shell,.info-page .site-header,.info-page .site-footer,.results-page .site-footer,.contact-page-intro{width:calc(100% - 28px)}
  .site-header{gap:7px}
  .info-page .site-header{gap:7px}
  .contact.section-wrap{width:calc(100% - 28px)}
  .method-inner{width:calc(100% - 28px)}
}