.topbar{position:relative}
.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}
.menu-toggle span{display:block;width:20px;height:2px;margin:4px auto;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu-toggle:focus-visible,.site-nav a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:900px){
  .topbar{z-index:50}
  .menu-toggle{display:block;margin-inline-start:auto;flex:0 0 auto}
  .language,.lang-switch{flex:0 0 auto}
  .site-nav{display:none!important;position:absolute;inset-inline:16px;top:calc(100% + 8px);z-index:60;max-height:calc(100vh - 100px);overflow:auto;flex-direction:column;gap:0!important;margin:0!important;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px rgba(33,27,23,.18)}
  .site-nav.is-open{display:flex!important}
  .site-nav a{display:flex;align-items:center;min-height:48px;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink)!important;text-decoration:none}
  .site-nav a:last-child{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}