/* Drawer rules are isolated from the existing desktop navigation. */
dialog.mobile-drawer:not([open]){display:none}
@media (min-width:901px){dialog.mobile-drawer{display:none}}
@media (max-width:900px){
  html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden;overscroll-behavior:none}
  html.mobile-menu-open body{position:fixed;left:0;right:0;width:100%}
  dialog.mobile-drawer[open]{position:fixed;inset:0 auto 0 0;margin:0;padding:0;width:min(340px,calc(100vw - 40px));max-width:none;height:100%;height:100dvh;max-height:none;border:0;border-right:1px solid rgba(227,185,85,.6);background:#132126;color:#fff4da;box-shadow:12px 0 40px rgba(0,0,0,.4);display:flex;flex-direction:column;overflow:hidden;animation:mobile-drawer-enter .24s ease-out;direction:ltr}
  dialog.mobile-drawer::backdrop{background:rgba(2,12,16,.66);animation:mobile-backdrop-enter .24s ease-out}
  dialog.mobile-drawer.is-closing{animation:mobile-drawer-exit .18s ease-in both}
  dialog.mobile-drawer.is-closing::backdrop{animation:mobile-backdrop-exit .18s ease-in both}
  .mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:calc(14px + env(safe-area-inset-top,0px)) 14px 14px 22px;border-bottom:1px solid rgba(227,185,85,.24)}
  .mobile-drawer-brand{font:24px 'Marcellus',serif;letter-spacing:.12em;color:var(--gold-l)}
  .mobile-drawer-brand small{display:block;margin-top:3px;font:12px 'Figtree',sans-serif;letter-spacing:.06em;color:#ccdadf}
  .mobile-drawer-close{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid rgba(227,185,85,.32);border-radius:10px;background:transparent;color:var(--gold-l);cursor:pointer}
  .mobile-drawer-close:hover,.mobile-drawer-close:active{background:rgba(227,185,85,.13)}
  .mobile-drawer-links{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#475d66 transparent;padding:8px 14px 14px}
  .mobile-drawer .kiswa-links{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;margin:0;padding:0;gap:0;list-style:none}
  .mobile-drawer .kiswa-links>li{display:flex;flex:none;flex-direction:column;align-items:stretch;border:0;border-bottom:1px solid rgba(227,185,85,.15)}
  .mobile-drawer .kiswa-links>li+li::before{display:none}
  .mobile-drawer .nav-link{width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:12px 10px;gap:10px;white-space:normal;font:600 16px/1.4 'Figtree',sans-serif;letter-spacing:0;text-transform:none;color:#fff4da;border-radius:6px;text-shadow:none;text-decoration:none;box-shadow:none}
  .mobile-drawer .nav-link:hover,.mobile-drawer .nav-link:active{background:rgba(227,185,85,.09);text-shadow:none}
  .mobile-drawer .kiswa-links a[aria-current=page]{color:var(--gold-l);background:rgba(227,185,85,.1);box-shadow:inset 3px 0 0 var(--gold)}
  .mobile-drawer .has-sub>.nav-link::after{margin-left:auto;flex:none;transition:transform .18s}
  .mobile-drawer .has-sub.open>.nav-link::after{transform:rotate(225deg)}
  .mobile-drawer .sub{position:static;left:auto;top:auto;min-width:0;display:none;transform:none;margin:0 0 10px;padding:4px 6px 6px;background:#1e333c;border-radius:8px;box-shadow:none;color:#eee4cd;animation:none!important}
  .mobile-drawer .sub[hidden]{display:none!important}
  .mobile-drawer .has-sub.open>.sub{display:block;animation:none!important}
  .mobile-drawer .sub a{min-height:44px;display:flex;align-items:center;justify-content:flex-start;padding:10px 8px;gap:10px;font:400 14px/1.4 'Figtree',sans-serif;letter-spacing:0;white-space:normal;color:#eee4cd;text-decoration:none;border-radius:5px}
  .mobile-drawer .sub a:hover,.mobile-drawer .sub a:active{background:rgba(227,185,85,.1);color:#fff}
  .mobile-drawer .sub a::before{display:none}
  .mobile-drawer .sub .si{display:inline-flex;flex:none;width:20px;color:var(--gold-l)}
  .mobile-drawer .sub .st{flex:1}
  .mobile-drawer .sub li+li::before{display:none}
  .mobile-drawer-foot{display:flex;flex:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(227,185,85,.24)}
  .mobile-drawer-foot .mobile-drawer-cta{display:flex;justify-content:center;align-items:center;flex:0 0 100%;min-height:44px;margin-bottom:6px;text-decoration:none}
  .mobile-drawer-utility{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 4px;color:#eee4cd;font-size:14px;text-decoration:none}
  .mobile-drawer-member{flex:0 0 100%;border-top:1px solid rgba(227,185,85,.12)}
  .mobile-drawer :is(a,button):focus-visible{outline:2px solid var(--gold-l);outline-offset:-2px}
}
@keyframes mobile-drawer-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes mobile-drawer-exit{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes mobile-backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes mobile-backdrop-exit{from{opacity:1}to{opacity:0}}
@media (prefers-reduced-motion:reduce){dialog.mobile-drawer[open],dialog.mobile-drawer::backdrop,.mobile-drawer *{animation:none!important;transition:none!important}}