/* One disclosure surface, with native nav/links and details/summary semantics. */
#site-header #mobile-menu[data-disclosure-ready] {
  border: 1px solid var(--tile-border, rgb(246 246 239 / 17%));
  border-radius: 20px;
  color: var(--tile-text, #f6f6ef);
  background: rgb(15 29 48 / 94%);
  box-shadow: 0 20px 45px -12px #0009, inset 0 1px 0 #ffffff0a;
  backdrop-filter: blur(24px) saturate(130%);
  -webkit-backdrop-filter: blur(24px) saturate(130%);
  max-height: calc(100svh - 105px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--tile-line, #526074) transparent;
}
#site-header #mobile-menu[data-disclosure-ready] a {
  position: relative;
  border-radius: 9px;
  min-height: 48px;
  padding-inline: 12px;
  border-bottom-color: var(--tile-line, rgb(246 246 239 / 17%));
  transition: color 150ms, background 150ms;
}
#site-header #mobile-menu[data-disclosure-ready] a:hover { background: #ffffff09; }
#site-header #mobile-menu[data-disclosure-ready] a:focus-visible,
.knowledge-questions details[data-disclosure-ready] > summary:focus-visible {
  outline: 2px solid var(--lime, #d5ff2e);
  outline-offset: -3px;
}
#menu-toggle > .navigation-bar { pointer-events: none; }
#menu-toggle[aria-expanded="true"] > .navigation-bar-first { transform: translateY(3.5px) rotate(45deg); }
#menu-toggle[aria-expanded="true"] > .navigation-bar-last { transform: translateY(-3.5px) rotate(-45deg); }
/* The legacy hamburger uses broad span selectors; ripple spans are not bars. */
#menu-toggle .nxl-ripple-layer { width: auto; height: auto; background: none; transform: none; transition: none; }
#menu-toggle .nxl-ripple-wave { background: radial-gradient(closest-side,currentColor 65%,transparent 100%); transition: none; }
@media (max-width: 700px) {
  #site-header #mobile-menu[data-disclosure-ready] {
    top: calc(100% + 8px);
    left: 12px;
    right: 12px;
    padding: 12px;
    gap: 4px 10px;
  }
}
.knowledge-questions details[data-disclosure-ready] { overflow-anchor: none; }
.knowledge-questions details[data-disclosure-ready] > summary {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 64px;
  border-radius: 10px;
  padding: 18px 12px;
  list-style: none;
  transition: background 150ms;
}
.knowledge-questions details[data-disclosure-ready] > summary::-webkit-details-marker { display: none; }
.knowledge-questions details[data-disclosure-ready] > summary::marker { content: ''; }
.knowledge-questions details[data-disclosure-ready] > summary:hover { background: #ffffff06; }
.disclosure-indicator { position: relative; width: 14px; height: 14px; flex: 0 0 14px; pointer-events: none; color: var(--lime, #d5ff2e); }
.disclosure-indicator::before,
.disclosure-indicator::after { content: ''; position: absolute; left: 1px; top: 6px; width: 12px; height: 1px; background: currentColor; }
.disclosure-indicator::after { transform: rotate(90deg); transition: transform 250ms cubic-bezier(.2,0,0,1); }
summary[aria-expanded="true"] .disclosure-indicator::after { transform: rotate(90deg) scaleX(0); }
.knowledge-questions .disclosure-body { overflow: hidden; overflow-anchor: none; }
.knowledge-questions .disclosure-body-inner { display: flow-root; padding: 0 12px 2px; }
.knowledge-questions .disclosure-body[hidden] { display: none; }
body.motion-off .disclosure-indicator::after { transition: none; }
@media (prefers-reduced-motion: reduce) {
  .disclosure-indicator::after { transition: none; }
}