/* SecondaryNav — shared-component styles (Framework Contract §C). Layout/color come from catalog
   utilities (flx, f_m, gp_sp-sml, fit, clr-acc, clr-swp) and the palette scope of the embedding
   header — keep it that way.
   TWO escape-hatch values, both component-prefixed and friendly-annotated (no raw magic numbers):
   1. .sec-nv-icn optical size — comp glyph is 24px ÷ 16 = 1.5rem; mirrors the Phone.css
      .phn-icn-bx idiom exactly (global.css sizes svg via 1em).
   2. icon-to-label gap — no catalog utility does an intra-link gap at glyph scale; gp_sp-sml is
      the list-level gap between nav items and is far too wide inside a single link. */

.sec-nv-lnk {
	--sec-nv-icn-gp: 0.5rem; /* { min: 0.25, max: 1.5, step: 0.05, friendly: 'Secondary Nav Icon Gap' } */
	gap: var(--sec-nv-icn-gp);
}

.sec-nv .sec-nv-icn {
	--sec-nv-icn-s: 1.5rem; /* { min: 1, max: 3, step: 0.1, friendly: 'Secondary Nav Icon Size' } */
	font-size: var(--sec-nv-icn-s);
}