/* Burger button and the mobile menu panel (tablet and phone, up to 1100px). SiteNavigation sets the panel's
   top offset to the header's bottom edge and toggles .open. */
.burger{display:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;order:10}
.burger span{width:16px;height:1.6px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}
.mobile-menu{display:none}

@media (max-width:1100px){
  .burger{display:flex}
  .mobile-menu{position:fixed;left:0;right:0;top:92px;z-index:49;max-height:calc(100vh - 60px);overflow:auto;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(0,0,0,.35);padding:12px 32px 28px}
  .mobile-menu.open{display:block}
  .mobile-menu ul{list-style:none}
  .mobile-menu li a{display:block;font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:-.02em;padding:12px 0;border-bottom:1px solid var(--line)}
  .mobile-menu li a[aria-current="page"]{color:var(--accent)}
  .mm-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
}
@media (max-width:600px){
  .burger{width:36px;height:36px}
  .mobile-menu{top:72px;padding:8px 16px 24px}
  .mm-actions .btn{flex:1;justify-content:center}
}