/* Digital Detox mobile navigation — shared by every page type. */
.hm-menu{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1100px){
  nav,nav .in{min-height:66px}
  .home-minimal nav,.home-minimal nav .in{min-height:66px!important}
  nav .in{position:relative;padding:10px 18px!important;gap:10px!important;flex-wrap:nowrap!important}
  nav .in>a:first-child{order:1;padding:0!important;flex:0 0 auto}
  nav .in>.spacer{order:2;display:block;flex:1 1 auto}
  nav .in>.hm-menu{display:block;order:3;position:relative;flex:0 0 40px}
  nav .in>.navsearch{order:4!important;margin:0!important}
  nav .in>a:not(:first-child),
  nav .in>.navsep,
  nav .in>.navmore{display:none!important}
  nav .in>a:first-child img{height:37px!important;width:auto!important;max-width:min(194px,calc(100vw - 140px))}

  .hm-menu summary{position:relative;width:40px;height:40px;padding:0!important;list-style:none;border:1px solid #27375e;border-radius:50%;background:rgba(255,255,255,.055);cursor:pointer;transition:border-color .18s,background .18s}
  .hm-menu summary::-webkit-details-marker{display:none}
  .hm-menu summary::marker{display:none;content:""}
  .hm-menu summary span:not(.sr-only),
  .hm-menu summary::before,
  .hm-menu summary::after{content:"";position:absolute;left:11px;width:16px;height:1.5px;border-radius:2px;background:#aab5cc;transition:transform .18s,top .18s,opacity .18s}
  .hm-menu summary::before{top:13px}
  .hm-menu summary span:not(.sr-only){top:19px}
  .hm-menu summary::after{top:25px}
  .hm-menu summary:hover,.hm-menu[open] summary{border-color:#65789e;background:rgba(255,255,255,.1)}
  .hm-menu[open] summary::before{top:19px;transform:rotate(45deg)}
  .hm-menu[open] summary span:not(.sr-only){opacity:0}
  .hm-menu[open] summary::after{top:19px;transform:rotate(-45deg)}
  .hm-menu summary:focus-visible{outline:2px solid #ffcc00;outline-offset:3px}

  .hm-menu-panel{position:absolute;top:50px;right:0;width:min(320px,calc(100vw - 36px));padding:10px;background:#071229;border:1px solid #26375e;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.42);z-index:120}
  nav .hm-menu-panel a{display:block!important;padding:12px 13px!important;border-radius:9px;color:#cbd4e6!important;font-family:Montserrat,sans-serif;font-size:.89rem!important;font-weight:600;line-height:1.25;letter-spacing:.025em;text-transform:none!important;text-decoration:none}
  nav .hm-menu-panel a:hover,nav .hm-menu-panel a:focus-visible{color:#fff!important;background:#122449;outline:none}
  nav .hm-menu-panel a.on{color:#ffcc00!important;background:rgba(255,204,0,.08)}

  /* The homepage uses the same mechanics with its lighter visual language. */
  .home-minimal .hm-menu summary{border-color:#dbe2ec;background:#fff}
  .home-minimal .hm-menu summary span:not(.sr-only),
  .home-minimal .hm-menu summary::before,
  .home-minimal .hm-menu summary::after{background:#53627a}
  .home-minimal .hm-menu summary:hover,.home-minimal .hm-menu[open] summary{border-color:#9fbbea;background:#f5f8fd}
  .home-minimal .hm-menu summary:focus-visible{outline-color:#3478e5}
  .home-minimal .hm-menu-panel{background:#fff;border-color:#dde4ee;box-shadow:0 22px 54px rgba(23,35,59,.17)}
  .home-minimal nav .hm-menu-panel a{color:#45546c!important}
  .home-minimal nav .hm-menu-panel a:hover,.home-minimal nav .hm-menu-panel a:focus-visible{color:#1f55a8!important;background:#eff6ff}
  .home-minimal nav .hm-menu-panel a.on{color:#1f55a8!important;background:#eaf2ff}
}

@media(max-width:430px){
  nav .in{padding-left:12px!important;padding-right:12px!important}
  nav .in>a:first-child img{height:34px!important;max-width:calc(100vw - 126px)}
  .hm-menu-panel{right:-2px;width:calc(100vw - 24px)}
}