/* TopNav — shared-component styles (Framework Contract §C). Layout/color come from catalog
   utilities and the palette scope of the embedding header — keep it that way.
   The flyout affordance is the one thing with no catalog expression: an em-relative glyph that
   sits on the label's baseline box and flips when its item opens. Mirrors the .nv-chv rules in
   top-nav-icon/nav-icon.css (the NavIcon variant of this nav) and the .nv-chv-acc idiom in
   header-tools.css — same lever, different nav.

   The negative right margin is load-bearing, not a nudge: at laptop widths the desktop nav sits
   within ~15px of overflowing (header-tools.css interpolates the item gap 20px@1280 → 35px@1920),
   so two chevrons taking flow width wrap the whole menu onto a second line. Cancelling their own
   footprint parks each glyph inside the gap that already follows its label — the menu measures
   exactly as it did before the affordance existed. Keep width + left gap == the negative right
   margin if either value is retuned. */

.nv .nv-chv {
	--nv-chv-w: 0.55em; /* { min: 0.3, max: 1, step: 0.05, friendly: 'Top Nav Chevron Width' } */
	--nv-chv-gp: 0.3em; /* { min: 0.1, max: 1, step: 0.05, friendly: 'Top Nav Chevron Gap' } */
	width: var(--nv-chv-w);
	height: auto;
	margin-left: var(--nv-chv-gp);
	margin-right: calc(-1 * (var(--nv-chv-w) + var(--nv-chv-gp)));
	align-self: center;
	transition: rotate var(--g-trn-sp) var(--g-trn-tf);
}

.nv li:is(:hover, :focus-within) > .nv-chv {
	rotate: 180deg;
}