/* header-menus.v1.css -- the header's two pop-outs as solid panels (2026-10-16): the menu
 * (Features / Pricing / FAQ / appearance, below 1024px) and the language list.
 * Served max-age=604800: never edit in place, ship a new name.
 *
 * Both are the bundle's .glass: white at 58% (dark: the landing's surface at 78%,
 * landing-dark.v2.css) over a 20px backdrop blur. Once the page is scrolled the header
 * itself takes `backdrop-blur-xl`, and an element with a backdrop filter is the backdrop
 * root of everything inside it: the menus, which hang below the header, can then only
 * blur the header's own pixels, so the page behind them showed through sharp under a
 * thin wash ("too seethrough"). Without that blur any transparency left reads as a sharp
 * ghost of what is behind (still visible at 98%), so the panels are now solid: the same
 * white / dark surface, the rim and the shadow kept, the blur dropped (nothing to blur).
 * Scoped to these two: .glass elsewhere (the glass buttons, pricing) is untouched.
 * Delete the link to go back. */
header .glass.jp-mnav-panel,
header ul.glass[role="listbox"] {
  background: hsl(0 0% 100%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html[data-theme="dark"] header .glass.jp-mnav-panel,
html[data-theme="dark"] header ul.glass[role="listbox"] { background: hsl(240 4% 11%); }