/* The existing sidebar stays visible on desktop. Without JS, navigation remains in the page. */
.mobile-header,.menu-close,.menu-backdrop{display:none}
.skip{z-index:60}
@media(max-width:900px){
  html.nav-ready{scroll-padding-top:92px}
  html.nav-ready .mobile-header{
    position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;
    min-height:72px;padding:10px max(18px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));
    background:#fff;border-bottom:1px solid var(--line)
  }
  .menu-toggle,.menu-close{
    align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;
    border:1px solid var(--line);border-radius:8px;background:white;color:var(--blue);cursor:pointer
  }
  .menu-toggle{display:inline-flex}
  .menu-toggle svg,.menu-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .mobile-brand{text-decoration:none;line-height:1.25;display:grid;gap:3px}
  .mobile-brand strong{font-size:17px;font-weight:650;color:var(--ink)}
  .mobile-brand span{font-size:12px;color:var(--muted)}
  html.nav-ready #site-menu{
    position:fixed;inset:0 auto 0 0;z-index:50;width:min(340px,88vw);height:100vh;height:100dvh;
    padding:22px 22px max(24px,env(safe-area-inset-bottom));background:white;
    border:0;box-shadow:12px 0 40px #172b3c24;overflow-y:auto;overscroll-behavior:contain;
    transform:translateX(-105%);visibility:hidden;pointer-events:none;
    display:flex;flex-direction:column
  }
  html.nav-ready.menu-animated #site-menu{transition:transform .24s ease,visibility .24s}
  html.nav-ready .menu-close{display:flex;align-self:flex-end;margin:0 0 8px}
  html.nav-ready #site-menu .brand{margin:0 0 24px}
  html.nav-ready #site-menu .brand strong{font-size:54px}
  html.nav-ready #site-menu nav{display:grid;grid-template-columns:1fr;gap:5px}
  html.nav-ready #site-menu nav a{grid-column:auto;font-size:16px;padding:12px 14px;min-height:48px}
  html.nav-ready #site-menu .contact{
    display:grid;grid-template-columns:1fr;gap:6px;margin-top:28px;padding-top:22px;
    border-top:1px solid var(--line);font-size:14px
  }
  html.nav-ready #site-menu .contact>*{grid-column:auto;margin:0}
  html.nav-ready #site-menu .contact small{margin-bottom:6px}
  html.nav-ready #site-menu .contact a{padding:4px 0}
  html.nav-ready .menu-backdrop{
    display:block;position:fixed;inset:0;z-index:40;border:0;margin:0;padding:0;
    background:#172b3c66;opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .24s ease,visibility .24s
  }
  html.nav-ready.menu-open #site-menu{transform:translateX(0);visibility:visible;pointer-events:auto}
  html.nav-ready.menu-open .menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  html.nav-ready.menu-open{overflow:hidden;scroll-behavior:auto}
  html.nav-ready main{margin-left:0}
  html.nav-ready .unit{scroll-margin-top:0}
}
@media(prefers-reduced-motion:reduce){#site-menu,.menu-backdrop{transition:none!important}}