/* =====================================================================
   main / navigation_menu_html — the wrapper's one rule. ZERO colour
   literals: this wrapper paints nothing.
   ===================================================================== */

/* Bare class, because it IS the form root: it has to outrank the scoped
   reset. NOT the guide's `position: relative; flex: 1 0 auto` root rule —
   that one is for a screen inside .px-nav-content.

   NO `height: 100%` AND NO `min-height: 0`, here or on the mount div. This
   box is sized by the dep shell's content. The root sits in an <anvil-slot>
   dropzone that computes display: contents and generates no box, so its
   containing block is <nav class="px-nav-drawer">, which is position: fixed
   with top: 0 and bottom: 0 and therefore has a DEFINITE height. A
   percentage would resolve and the shell would fill the drawer: on a
   viewport taller than the menu, the strip below the menu would repaint from
   the drawer's --px-bg-card to the shell's --px-bg-deep in both themes.

   It costs nothing, because the CSS chain is not what makes the menu
   scroll: the dependency's own nav_shell.mjs says so at
   pxNavUpdateScrollHeight ("The CSS flex chain does not survive Anvil's own
   wrapper divs (height:100% stops propagating), so the scrollable menu is
   clamped in JS against the host drawer"), and that clamp reads the drawer's
   bounding rect, not this box. Same call as
   theme/assets/care_home_tracker/cht_prediction_html.css. If the shell is
   wanted full-height, that is a nav restyle and the owner's call. */
.px-mgmt-nav-host {
  display: flex;
  flex-direction: column;
}