/* A shared drawing weight, with dimensions inherited from each component. */
:where(svg[data-hx-icon]) {
  display:inline-block;
  width:24px;
  height:24px;
  flex:none;
  vertical-align:middle;
  overflow:visible;
}
svg[data-hx-icon],
svg[data-hx-icon] :is(path,rect,circle,ellipse,line,polyline,polygon) {
  fill:none;
  stroke:currentColor;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}
svg[data-hx-icon] [data-part] {
  transform-box:fill-box;
  transform-origin:center;
}
/* Hinges and hands rotate around their physical attachment, not their bounds. */
svg[data-hx-icon="email"] [data-part="flap"] {
  transform-box:view-box;
  transform-origin:12px 6px;
}
svg[data-hx-icon="history"] [data-part="hands"] {
  transform-box:view-box;
  transform-origin:12px 12.5px;
}

/* The primary navigation is text-led; glyphs belong to the menu's actual choices. */
.nav-links > .nav-link > .hn-top-icon { display:none; }
/* Whole-mark gestures keep the approved Milo geometry and existing layout intact. */
.hn-milo-mark,.hx-milo-mark { transform-origin:center; transform-box:fill-box; }