/* Menu + layout (global) */
header{position:sticky;top:0;z-index:1000}
header > .container{position:relative}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:10px}
html.js .menu{display:none; position:absolute; left:0; right:0; top:64px;
  background:rgba(17,24,39,.97); border-bottom:1px solid #23324d; z-index:1100}
html.js .menu.open{display:block}
html.js .menu-toggle{display:inline-flex; margin-left:auto; align-items:center; gap:8px;
  padding:.55rem .9rem; border:1px solid #23324d; border-radius:999px; background:transparent; color:inherit}
@media (min-width:900px){
  html.js .menu-toggle{display:none !important}
  html.js .menu{display:block !important; position:static; background:transparent; border:0}
}