/* Definitive mobile navigation layer.
   Loaded after every page's embedded styles so page-specific CSS cannot
   override the working about.html hamburger/dropdown behavior. */
@media (max-width:1000px){
  header{overflow:visible!important}
  header .nav,.nav{position:relative!important}
  .nav-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:102!important;pointer-events:auto!important;touch-action:manipulation!important}
  .nav-links{display:none!important;position:absolute!important;top:78px!important;left:0!important;right:0!important;width:100%!important;z-index:101!important;background:var(--cream,#FBFAF7)!important;border-bottom:1px solid var(--border,#c2cce0)!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:12px 26px 20px!important;margin:0!important;white-space:normal!important;box-shadow:0 20px 40px rgba(17,22,66,.12)!important}
  .nav-links.mobile-open{display:flex!important}
  .nav-links>.has-dd,.nav-links>a{width:100%!important;margin:0!important;padding:12px 4px!important;border-bottom:1px solid var(--border,#c2cce0)!important;white-space:normal!important}
  .nav-links>.has-dd{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
  .nav-links .dd-toggle{width:100%!important;justify-content:flex-start!important;min-height:24px!important;pointer-events:auto!important;touch-action:manipulation!important}
  .nav-links .dd-panel{position:static!important;display:none!important;width:100%!important;min-width:0!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:0!important;padding:6px 0 0!important}
  .nav-links .has-dd.open .dd-panel{display:block!important}
  .nav-links .dd-item{display:block!important;width:100%!important;padding:11px 14px!important;border-bottom:0!important;white-space:normal!important}
  .nav-links>a.btn{display:inline-flex!important;justify-content:center!important;margin-top:12px!important;border:0!important}
}