/* GlobalBusinessHQ Gate 4 approved offline shell and conversion refinements */
:root{--gbhq-focus:#075b89}
.nav{z-index:1000}
.nav .container{min-width:0;align-items:center}
.nav .container>.menu{min-width:0;align-items:center;gap:clamp(9px,1vw,15px);margin-left:0;font-size:clamp(12px,.92vw,14px)}
.nav .container>.menu a{white-space:nowrap;line-height:1.25}
.nav .container>.menu a[aria-current="page"],.gbhq-mobile-menu a[aria-current="page"]{color:#075b89;text-decoration:underline;text-underline-offset:4px}
.nav .nav-actions{margin-left:auto;flex:0 0 auto}
.nav .nav-actions>.btn{white-space:nowrap}
.gbhq-mobile-menu{display:none;position:relative;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.gbhq-mobile-menu>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:10px 13px;min-height:44px;border:1px solid #b8c9d6;border-radius:10px;background:#fff;color:#12304f;font-weight:750;font-size:14px}
.gbhq-mobile-menu>summary::-webkit-details-marker{display:none}
.gbhq-mobile-menu>summary::before{content:'☰';font-size:19px;line-height:1}
.gbhq-mobile-menu[open]>summary{background:#eaf7fd;border-color:#1597d4}
.gbhq-mobile-menu nav{position:absolute;top:calc(100% + 8px);right:0;z-index:1200;min-width:min(330px,calc(100vw - 28px));max-height:min(75vh,650px);overflow-y:auto;background:#fff;color:#12304f;border:1px solid #c8d9e5;border-radius:14px;padding:8px;box-shadow:0 14px 40px rgba(11,34,57,.2)}
.gbhq-mobile-menu nav a{display:block;font-size:15px;line-height:1.35;padding:13px 12px;margin:0;border-radius:7px;color:#12304f;text-decoration:none}
.gbhq-mobile-menu nav a:hover,.gbhq-mobile-menu nav a:focus-visible{background:#eaf7fd}
.gbhq-mobile-menu>summary:focus-visible,.gbhq-mobile-menu nav a:focus-visible,.nav a:focus-visible{outline:3px solid #1597d4;outline-offset:3px}
.footer-grid{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))!important;gap:clamp(15px,2vw,28px)!important}
.footer-grid>div{min-width:0}
.footer .footer-logo{height:auto;max-width:115px;object-fit:contain}
.footer a{overflow-wrap:anywhere}
@media(max-width:1250px){
  .nav .container>.menu{display:none!important}
  .nav .container>.gbhq-mobile-menu{display:block;margin-left:auto}
  .nav .container>.nav-actions{margin-left:0}
  .nav .container{gap:10px}
}
@media(min-width:1251px){.nav .container>.gbhq-mobile-menu{display:none!important}}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){
  .nav .container{gap:8px}
  .nav .container .logo{max-width:102px;height:auto}
  .nav .nav-actions>.btn{padding:0 12px;min-height:42px;font-size:13px}
  .footer-grid{grid-template-columns:1fr!important}
  .gbhq-mobile-menu nav{right:-90px;min-width:min(325px,calc(100vw - 28px))}
}
/* Improve discoverability of in-page decision assets while preserving source control order */
.gate4-page-body .hero{padding:40px 0 40px!important}
.gate4-page-body .hero-grid{gap:clamp(18px,3vw,40px)!important;align-items:start!important}
.gate4-page-body .hero h1{font-size:clamp(32px,3.65vw,54px)!important;line-height:1.075!important;letter-spacing:-.035em!important;margin:8px 0 13px!important}
.gate4-page-body .hero-copy>p:first-of-type{font-size:clamp(15px,1.1vw,17px)!important;line-height:1.45!important;margin-bottom:14px!important}
.gate4-page-body .hero-copy .source-follow{margin:12px 0 12px!important;padding:10px 0!important}
.gate4-page-body .hero-copy .source-follow-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.gate4-page-body .hero-copy .source-btn,.gate4-page-body .hero-copy .google-preferred-wrap{font-size:12px!important;min-height:40px!important;padding:6px!important;max-width:100%;white-space:normal}
.gate4-page-body .hero-copy>.page-cta-wrap{margin:12px 0!important}
.gate4-page-body .hero-copy>.page-cta-wrap .page-consultation-cta{min-height:46px}
.gate4-page-body .hero-art img{max-height:445px;object-fit:cover}
.gate4-page-body .hero-copy>ul{margin:12px 0!important}
.gate4-page-body .hero-copy>p{margin-bottom:10px}
.gbhq-page-jumps{background:#f1f8fb;border-block:1px solid #d7e8f2;padding:16px 0 18px}
.gbhq-page-jumps .container{max-width:1200px}
.gbhq-page-jumps h2{font:700 17px/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;color:#12304f!important;letter-spacing:0;margin:0 0 9px}
.gbhq-page-jumps nav{display:flex;gap:9px;flex-wrap:wrap}
.gbhq-page-jumps nav a{display:inline-flex;align-items:center;min-height:38px;padding:7px 11px;border-radius:99px;background:#fff;border:1px solid #bdd3e1;color:#0b4264;font-size:13px;line-height:1.3;font-weight:700}
.gbhq-page-jumps nav a:focus-visible{outline:3px solid #1597d4;outline-offset:2px}
.gate4-page-body .gbhq-scroll-cue{margin:6px 0 8px;font-size:13px;color:#405363;font-weight:650}
.gate4-page-body .table-scroll{scrollbar-width:thin}
@media(max-width:900px){
 .gate4-page-body .hero{padding:30px 0!important}
 .gate4-page-body .hero-grid{gap:20px!important}
 .gate4-page-body .hero-copy .source-follow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .gate4-page-body .hero-art img{max-height:360px;object-fit:contain}
}
@media(max-width:420px){
 .gate4-page-body .hero h1{font-size:clamp(30px,8.1vw,38px)!important;line-height:1.11!important}
 .gate4-page-body .hero-copy>p:first-of-type{font-size:15px!important;line-height:1.45!important}
 .gate4-page-body .hero-copy .source-btn,.gate4-page-body .hero-copy .google-preferred-wrap{font-size:11px!important}
 .gate4-page-body .hero-copy>.page-cta-wrap .btn{width:100%;white-space:normal;text-align:center}
 .gate4-page-body .hero-art img{max-height:300px}
}
