/* ========================================================================
   MANUAL / DOCS GEOMETRY FINAL PATCH
   Purpose: make the Users Manual top navigation and hero/header use the same
   IGW-NET docs geometry:
   - off-white browser gutters
   - 1200px centered page slab
   - 1080px inner reading/content alignment
   - no floating/independent hero width
   ======================================================================== */
html,
html body,
html body.m4w-manual-page{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  background:#f5f9fb!important;
  background-color:#f5f9fb!important;
}

/* Treat each major visible band as the same 1200px slab. */
html body.m4w-manual-page > #m4w-nav-root,
html body.m4w-manual-page > nav[aria-label="Breadcrumb"],
html body.m4w-manual-page > header.site-header,
html body.m4w-manual-page > .sticky-nav,
html body.m4w-manual-page > main.page-body,
html body.m4w-manual-page > footer.site-footer,
html body.m4w-manual-page > .page-wrap,
html body.m4w-manual-page > .manual-index-shell,
html body.m4w-manual-page > .m4w-doc-standalone{
  width:100%!important;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Direct download notice that is an inline-styled div after the hero. */
html body.m4w-manual-page > header.site-header + div[style*="background:#fff7ed"],
html body.m4w-manual-page > div[style*="background:#fff7ed"]{
  width:100%!important;
  max-width:1080px!important;
  margin:18px auto!important;
  box-sizing:border-box!important;
}

/* Outer slab backgrounds: match IGW-NET docs light-blue page band. */
html body.m4w-manual-page > nav[aria-label="Breadcrumb"],
html body.m4w-manual-page > .sticky-nav,
html body.m4w-manual-page > main.page-body,
html body.m4w-manual-page > .page-wrap,
html body.m4w-manual-page > .manual-index-shell,
html body.m4w-manual-page > .m4w-doc-standalone{
  background:#dceaf2!important;
  background-color:#dceaf2!important;
}

/* Global nav: the component fills the 1200px slab; the actual brand/links align
   to the same 1080px inner content rhythm as hero text. */
html body.m4w-manual-page > #m4w-nav-root{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  background:#fff!important;
  border-left:1px solid rgba(203,213,225,.55)!important;
  border-right:1px solid rgba(203,213,225,.55)!important;
}
html body.m4w-manual-page #m4w-nav-root > header.m4w-nav,
html body.m4w-manual-page #m4w-nav-root .m4w-nav,
html body.m4w-manual-page #m4w-nav-root .global-nav{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
html body.m4w-manual-page #m4w-nav-root .m4w-nav-wrap{
  width:100%!important;
  max-width:1080px!important;
  margin:0 auto!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

/* Breadcrumb uses the same 1080px inner edge, not its old independent padding. */
html body.m4w-manual-page > nav[aria-label="Breadcrumb"]{
  padding:12px 60px 0!important;
  border-left:1px solid rgba(203,213,225,.40)!important;
  border-right:1px solid rgba(203,213,225,.40)!important;
}

/* Pinder one-page manual hero/header. */
html body.m4w-manual-page > header.site-header{
  background:
    radial-gradient(circle at 18% 8%,rgba(34,211,238,.18),transparent 32%),
    radial-gradient(circle at 84% 3%,rgba(45,212,191,.13),transparent 30%),
    linear-gradient(165deg,#0b2545 0%,#134074 52%,#168aad 100%)!important;
  border-left:1px solid rgba(203,213,225,.40)!important;
  border-right:1px solid rgba(203,213,225,.40)!important;
  overflow:hidden!important;
}
html body.m4w-manual-page > header.site-header::after{display:none!important;}
html body.m4w-manual-page > header.site-header .header-inner{
  width:100%!important;
  max-width:1080px!important;
  margin:0 auto!important;
  padding:58px 0 62px!important;
  box-sizing:border-box!important;
}
html body.m4w-manual-page > header.site-header h1{
  max-width:980px!important;
  font-family:'Instrument Serif',Georgia,serif!important;
  font-weight:400!important;
  letter-spacing:-.035em!important;
}
html body.m4w-manual-page > header.site-header .header-subtitle{max-width:900px!important;}

/* Chapter/index hero variants. */
html body.m4w-manual-page .manual-hero,
html body.m4w-manual-page .hero{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  padding-left:60px!important;
  padding-right:60px!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body.m4w-manual-page .manual-hero > *,
html body.m4w-manual-page .hero > *{
  max-width:1080px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Sticky reading nav and main body align with the same 1080px inner edge. */
html body.m4w-manual-page > .sticky-nav{
  border-left:1px solid rgba(203,213,225,.40)!important;
  border-right:1px solid rgba(203,213,225,.40)!important;
  border-bottom:1px solid rgba(148,163,184,.26)!important;
  box-shadow:none!important;
}
html body.m4w-manual-page > .sticky-nav .sticky-nav-inner{
  max-width:1080px!important;
  width:100%!important;
  margin:0 auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
html body.m4w-manual-page > main.page-body{
  max-width:1200px!important;
  padding:40px 60px 80px!important;
  border-left:1px solid rgba(203,213,225,.40)!important;
  border-right:1px solid rgba(203,213,225,.40)!important;
}
html body.m4w-manual-page > main.page-body > *{
  max-width:1080px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Keep nav dropdowns functional and non-exploded. */
html body.m4w-manual-page #m4w-nav-root .m4w-dropdown{position:relative!important;}
html body.m4w-manual-page #m4w-nav-root .m4w-dropdown-menu{
  width:max-content!important;
  min-width:260px!important;
  max-width:min(720px, calc(100vw - 48px))!important;
  box-sizing:border-box!important;
}
html body.m4w-manual-page #m4w-nav-root .m4w-mega-menu,
html body.m4w-manual-page #m4w-nav-root .m4w-dropdown-menu.m4w-mega-menu{
  width:min(920px, calc(100vw - 48px))!important;
  max-width:min(920px, calc(100vw - 48px))!important;
}

@media(max-width:1240px){
  html body.m4w-manual-page #m4w-nav-root .m4w-nav-wrap,
  html body.m4w-manual-page > header.site-header .header-inner,
  html body.m4w-manual-page > .sticky-nav .sticky-nav-inner{
    width:calc(100% - 96px)!important;
    max-width:1080px!important;
  }
  html body.m4w-manual-page > nav[aria-label="Breadcrumb"],
  html body.m4w-manual-page > main.page-body,
  html body.m4w-manual-page .manual-hero,
  html body.m4w-manual-page .hero{
    padding-left:48px!important;
    padding-right:48px!important;
  }
  html body.m4w-manual-page > header.site-header + div[style*="background:#fff7ed"],
  html body.m4w-manual-page > div[style*="background:#fff7ed"]{
    width:calc(100% - 96px)!important;
  }
}
@media(max-width:720px){
  html body.m4w-manual-page #m4w-nav-root .m4w-nav-wrap,
  html body.m4w-manual-page > header.site-header .header-inner,
  html body.m4w-manual-page > .sticky-nav .sticky-nav-inner{
    width:calc(100% - 40px)!important;
  }
  html body.m4w-manual-page > nav[aria-label="Breadcrumb"],
  html body.m4w-manual-page > main.page-body,
  html body.m4w-manual-page .manual-hero,
  html body.m4w-manual-page .hero{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  html body.m4w-manual-page > header.site-header .header-inner{
    padding-top:38px!important;
    padding-bottom:44px!important;
  }
  html body.m4w-manual-page > header.site-header + div[style*="background:#fff7ed"],
  html body.m4w-manual-page > div[style*="background:#fff7ed"]{
    width:calc(100% - 40px)!important;
  }
}