/* Phone — shared-component styles (Framework Contract §C). Co-located home for design-specific CSS.
   Layout/spacing/color all come from catalog utilities (f_nln, f_m, gp_sp-sml, fit, clr-acc) and the
   palette scope of the embedding accessory — keep it that way.
   ONE escape-hatch value: inline icon optical size. No catalog utility/token expresses icon size;
   comp glyph is 24px ÷ 16 = 1.5rem, exposed as a friendly-annotated scoped custom property
   (mirrors the values-tools.css .vls-icn / CtasGridFlexedSvg .ctas-icn idiom — svg sizes via 1em).
   NOTE: class is .phn-icn-bx, deliberately NOT .phn-icn, which header-tools.css already styles as a
   padded circular chip inside the header scope. */

.phn-grp .phn-icn-bx {
	--phn-icn-s: 1.5rem; /* { min: 1, max: 3, step: 0.1, friendly: 'Phone Icon Size' } */
	font-size: var(--phn-icn-s);
}

/* DRAFT: comp header phone runs on the primary-nav style (harvest boundVariable
   Fonts/Font Styles/fnt-nv-pry — Urbanist ExtraBold 20px) but the site-level --fnt-phn-*
   tokens are still draft values (400 / 1.75rem). Header-scoped remap of the phn vars onto
   the nv-pry tokens until fonts.css / font-declaration.css are corrected upstream;
   the .fnt_phn declaration block keeps owning the properties. */
.hdr .phn-grp {
	--fnt-phn-ff: var(--fnt-nv-pry-ff);
	--fnt-phn-w: var(--fnt-nv-pry-w);
	--fnt-phn-ls: var(--fnt-nv-pry-ls);
	--fnt-phn-s: var(--fnt-nv-pry-s);
}