/*
 * Site-level corrections layered over the Industry design system.
 *
 * styles/industry.css is vendored verbatim from the design-system export
 * (_ds/industry-.../styles.css) so it can be re-synced without merge pain.
 * Anything this site needs on top of it lives here instead.
 *
 * Everything below is responsive repair: the prototypes were composed at
 * desktop width, and these are the places where a fixed row or column count
 * pushed content past the edge of a phone viewport.
 */

/* The `hidden` attribute only carries `display: none` at UA-stylesheet weight,
   so any element that also sets `display` inline stays visible when scripts
   hide it. Several panels here are laid out with inline flex/grid. */
[hidden] {
  display: none !important;
}

/* The design system's .nav is a single non-wrapping flex row. These pages carry
   a brand, four links and a CTA, which is wider than a phone — let it wrap. */
.nav {
  flex-wrap: wrap;
  row-gap: var(--space-2);
}

/* Blueprint registration marks sit 8px outside their own box, so a card that
   runs full-bleed at a narrow viewport pushes them past the edge. Widen the
   gutter below the width where cards go full width, rather than clipping the
   marks — they are the design system's signature.
   Marked important because every page re-declares .wrap in its own <style>
   block, which would otherwise win on source order. */
@media (max-width: 560px) {
  .wrap,
  .wrapw {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}