/* Web-only port adaptations. NOT part of the design deliverable.

   Astro wraps every hydrated React component in an <astro-island> custom
   element. That element sits between a styled parent and the component's own
   root node, so design selectors written as a direct-child (`>`) of the parent
   no longer match the component root. Re-apply those few rules through the
   island wrapper here. Visual result is identical to the deliverable. */

/* design/website Landing: `.feature-hud > div { transform: scale(0.92) }`
   The direct child is now <astro-island>, so reach the HUD root through it. */
.feature-hud astro-island > div {
  transform: scale(0.92);
  transform-origin: center;
}