/* ── Industries hub (industries.html only): on phones the deck sits between the hero CTAs and the reel, sized to its cards.
   The stage is as tall as the deck's room (the peeking cards and the active card) plus the reel, so no blank band opens up. ── */
@media (max-width: 900px) {
  .svc-hero .robot-stage.hx.hub-stage, :root[data-layout="mobile"] .svc-hero .robot-stage.hx.hub-stage { height: clamp(420px, 112vw, 452px) !important; min-height: 0 !important; }
}
/* the hero no longer reserves a full screen of height on phones: the deck and its reel are the composition */
@media (max-width: 900px) {
  :root[data-layout="mobile"] .svc-hero { min-height: 0 !important; }
  :root[data-layout="mobile"] .svc-hero .robot-stage.hx.hub-stage { margin-top: 24px !important; }
}

/* the industry name under the deck is the link to that industry's page */
.hub-name { text-decoration: none; color: var(--text); }
.hub-name:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }