/* FAQ mobile menu fix -- scoped to the FAQ's own drawer. */
#menuDrawer:not(.drawer) {
  position:fixed; top:max(8px,env(safe-area-inset-top));
  bottom:max(8px,env(safe-area-inset-bottom)); left:8px;
  width:min(430px,calc(100vw - 16px)); height:auto;
  max-height:none; padding:0; z-index:1100;
  display:flex; flex-direction:column; overflow:hidden;
  border-radius:26px; color:#f3efe7; background:#0c0b0a;
  transform:translateX(calc(-100% - 24px));
}
#menuDrawer:not(.drawer).open { transform:translateX(0) }
#menuDrawer:not(.drawer) .drawer-head {
  flex:0 0 auto; position:relative; top:auto;
  margin:0; padding:1.1rem; min-height:82px;
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; color:#f3efe7; background:#100f0e;
  border-bottom:1px solid rgba(255,255,255,.12);
}
#menuDrawer:not(.drawer) .drawer-head strong {
  font:400 clamp(1.6rem,6vw,2rem)/1.1 var(--serif);
}
#menuDrawer:not(.drawer) .drawer-close {
  display:grid; place-items:center; flex:0 0 46px;
  width:46px; height:46px; padding:0;
  border-radius:50%; color:#f3efe7; background:#242220;
  border:1px solid rgba(255,255,255,.12);
  font-size:1.4rem; cursor:pointer;
}
#menuDrawer:not(.drawer) .menu-links {
  display:flex; flex-direction:column; flex:1 1 auto;
  min-height:0; overflow-y:auto; overflow-x:hidden;
  overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
  scrollbar-width:thin; scrollbar-color:#57514a transparent;
  margin:0; padding:1rem 1rem max(1.5rem,env(safe-area-inset-bottom));
  gap:.55rem;
}
#menuDrawer:not(.drawer) .menu-links .menu-kicker {
  display:block; flex:0 0 auto; margin:1.25rem .3rem .18rem;
  color:#aaa196; font:500 .68rem/1.4 var(--sans);
  text-transform:uppercase; letter-spacing:.17em;
}
#menuDrawer:not(.drawer) .menu-links a {
  display:flex; flex:0 0 auto; align-items:center;
  justify-content:space-between; gap:.8rem;
  width:100%; min-height:58px; margin:0; padding:.85rem 1rem;
  color:#f3efe7; background:#151413;
  border:1px solid rgba(255,255,255,.12); border-radius:17px;
  font:400 clamp(1.08rem,4.3vw,1.3rem)/1.2 var(--serif);
  overflow-wrap:anywhere; text-decoration:none;
}
#menuDrawer:not(.drawer) .menu-links a > span {
  display:flex; flex:1 1 auto; flex-wrap:wrap;
  align-items:center; gap:.45rem; min-width:0;
}
#menuDrawer:not(.drawer) .menu-links a > b {
  flex:0 0 auto; color:#bdb1a1; font:500 .68rem/1 var(--sans);
}
#menuDrawer:not(.drawer) .menu-links a[aria-current="page"] {
  background:#28221c; border-color:#c9b28f; color:#f6e6ce;
}
#menuDrawer:not(.drawer) .menu-links a:focus-visible,
#menuDrawer:not(.drawer) .drawer-close:focus-visible {
  outline:2px solid #d7c5aa; outline-offset:2px;
}
#menuDrawer:not(.drawer) .menu-star-badge {
  display:inline-grid; place-items:center; flex:0 0 26px;
  width:26px; height:26px; margin:0; border-radius:50%;
  border:1px solid rgba(215,197,170,.28);
  background:rgba(215,197,170,.13); color:#e5c99d;
  font-size:.85rem;
}
@media(max-width:360px) {
  #menuDrawer:not(.drawer) .menu-links { padding-inline:.7rem }
  #menuDrawer:not(.drawer) .menu-links a {
    padding:.75rem; font-size:1.03rem;
  }
}