/* STONEBRIDGE SITE CONSISTENCY FINAL 2026-08-24
   Additive refinement on top of the approved editorial experience layer. */
body.sb-editorial-site .v18-metric-band .container,
body.sb-editorial-site .unified-credibility-band .container{
  border:1px solid rgba(255,255,255,.075);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(12,11,10,.88),rgba(6,6,6,.72));
  box-shadow:0 22px 65px rgba(0,0,0,.16);
}
body.sb-editorial-site .v18-metric{background:transparent}
body.sb-editorial-site .v18-metric p{opacity:.76}
body.sb-editorial-service main>.section>.container,
body.sb-editorial-category main>.section>.container{max-width:1120px}
body.sb-editorial-service main>.section>.container>p,
body.sb-editorial-category main>.section>.container>p{max-width:760px}
body.sb-editorial-service main .faq-item,
body.sb-editorial-service main .premium-faq-item{background:rgba(255,255,255,.012)}
body.sb-editorial-service main .faq-item:hover,
body.sb-editorial-service main .premium-faq-item:hover{background:rgba(255,255,255,.022)}
/* Editorial pages should feel like chapters, not full-width presentation slides. */
body.sb-editorial-insight main .section>.container,
body.sb-editorial-insight main article{max-width:920px}
body.sb-editorial-insight main p{max-width:760px}

/* V2.3.2 audit fix: keep the full desktop navigation inside laptop-width
   viewports without clipping the consultation CTA. */
@media (min-width:1101px) and (max-width:1500px){
  body.sb-editorial-site .site-header{
    padding-left:20px!important;
    padding-right:20px!important;
    gap:16px!important;
  }
  body.sb-editorial-site .site-header .brand,
  body.sb-editorial-site .site-header .brand img{
    width:200px!important;
    max-width:200px!important;
    height:auto!important;
  }
  body.sb-editorial-site .main-nav{
    min-width:0!important;
    gap:12px!important;
  }
  body.sb-editorial-site .main-nav>.nav-item>a,
  body.sb-editorial-site .main-nav>a{
    font-size:13px!important;
  }
  body.sb-editorial-site .nav-cta{
    min-width:0!important;
    padding:12px 14px!important;
    gap:8px!important;
    font-size:11.5px!important;
    letter-spacing:.08em!important;
  }
}
@media (min-width:861px) and (max-width:1300px){
  body.sb-editorial-site .site-header{position:relative!important;flex-wrap:wrap!important}
  body.sb-editorial-site .main-nav{
    display:none!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:100%!important;
    z-index:130!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    padding:20px!important;
    background:#050403!important;
    border-bottom:1px solid rgba(204,155,84,.32)!important;
  }
  body.sb-editorial-site .main-nav.open{display:grid!important}
  body.sb-editorial-site .main-nav>.nav-item>a{height:auto!important}
  body.sb-editorial-site .main-nav>.nav-item>.dropdown-menu{display:none!important}
  body.sb-editorial-site .mobile-toggle{display:flex!important;margin-left:auto!important}
  body.sb-editorial-site .nav-cta{display:none!important}
}