/* Eight top-level links: reuse v3 mobile navigation through tablet widths. */
@media(max-width:1180px){
 html body .site-header .nav-list { display:none !important; }
 html body .site-header .vnav-burger { display:flex !important; position:relative; z-index:2001; width:44px; height:44px; }
 html body .ou-mega { display:none !important; }
 html body .ou-mob { display:none !important; }
 html body.ou-mob-open .ou-mob { display:flex !important; }
 html body .ou-lockup-hdr { display:none !important; }
 html body .ou-lockup-hdr-sm { display:block !important; }
 html:not(.ou-nav-ready) body .site-header .nav-list { display:flex !important; flex-wrap:wrap; width:100%; margin:12px 0 0; gap:8px 18px !important; }
 html:not(.ou-nav-ready) body .site-header { flex-wrap:wrap; }
}
@media(min-width:1181px){
 html body .site-header .vnav-burger { display:none !important; }
 html body .ou-mob { display:none !important; }
}
@media(min-width:1181px) and (max-width:1350px){
 html body .site-header .nav-list { gap:16px !important; margin-left:24px; }
 html body .ou-lockup-hdr { display:none !important; }
 html body .ou-lockup-hdr-sm { display:block !important; }
}

/* Five footer columns since 2026-10-01 (CONTACT moved out of GET STARTED). Below
   769px each page's own rule takes over; between that and a full desktop width,
   three columns with the brand block on its own row. */
@media(min-width:769px) and (max-width:1100px){
 html body .site-footer .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
 html body .site-footer .footer-grid > div:first-child { grid-column: 1 / -1; }
}