/* v193 — responsive category workspace correction.
   Scope: sizing, scrolling and readability only. Business modules stay intact. */

body.v172-industry-microsites .main-workspace,
body.v172-industry-microsites .left-nav,
body.v172-industry-microsites .preview-panel,
body.v172-industry-microsites .ai-panel {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.v172-industry-microsites .main-workspace {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* The centre category page must participate in normal document scrolling.
   A fixed-height inner scroller was placing the footer halfway up the page. */
body.v172-industry-microsites .preview-panel {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  scrollbar-gutter: auto !important;
  contain: none !important;
}

body.v172-industry-microsites .seo-footer {
  position: relative !important;
  inset: auto !important;
  clear: both !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Product gallery: stable square cards at every desktop width. */
body.v172-industry-microsites .industry-main-gallery,
body.v172-industry-microsites .industry-main-gallery-grid {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body.v172-industry-microsites .industry-main-gallery-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: auto !important;
  align-items: start !important;
  gap: clamp(10px, 1vw, 16px) !important;
}

body.v172-industry-microsites .industry-main-gallery-item {
  display: grid !important;
  place-items: center !important;
  align-self: start !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}

body.v172-industry-microsites .industry-main-gallery-item img,
body.v172-industry-microsites .industry-main-gallery[data-industry="fabric"] .industry-main-gallery-item img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

/* Previous versions used 9–11px UI text, which becomes unreadable in a large
   browser window. Raise only the operational workspace typography. */
body.v172-industry-microsites .topbar-nav > a,
body.v172-industry-microsites .topbar-policy-menu > summary,
body.v172-industry-microsites .left-nav a,
body.v172-industry-microsites .left-nav button,
body.v172-industry-microsites .v172-microsite-nav button,
body.v172-industry-microsites .quick-replies button,
body.v172-industry-microsites .input-zone input,
body.v172-industry-microsites .input-zone textarea,
body.v172-industry-microsites .input-zone button {
  font-size: clamp(12px, .78vw, 14px) !important;
  line-height: 1.4 !important;
}

body.v172-industry-microsites .preview-panel p,
body.v172-industry-microsites .preview-panel li,
body.v172-industry-microsites .preview-panel td,
body.v172-industry-microsites .preview-panel th,
body.v172-industry-microsites .v172-section-head p,
body.v172-industry-microsites .v172-feature-grid p,
body.v172-industry-microsites .v172-spec-grid p,
body.v172-industry-microsites .v172-policy-grid span,
body.v172-industry-microsites .v172-process-grid p,
body.v172-industry-microsites .v172-faq p {
  font-size: clamp(13px, .82vw, 15px) !important;
  line-height: 1.6 !important;
}

body.v172-industry-microsites .seo-footer,
body.v172-industry-microsites .seo-footer a,
body.v172-industry-microsites .seo-footer small {
  font-size: clamp(11px, .72vw, 13px) !important;
  line-height: 1.5 !important;
}

@media (min-width: 981px) {
  body.v172-industry-microsites .main-workspace {
    grid-template-columns: clamp(170px, 13vw, 210px) minmax(0, 1fr) clamp(300px, 23vw, 390px) !important;
  }

  body.v172-industry-microsites .left-nav,
  body.v172-industry-microsites .ai-panel {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 104px) !important;
  }
}

@media (max-width: 1180px) and (min-width: 981px) {
  body.v172-industry-microsites .main-workspace {
    grid-template-columns: 170px minmax(0, 1fr) 300px !important;
  }
  body.v172-industry-microsites .industry-main-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  body.v172-industry-microsites .industry-main-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body.v172-industry-microsites .industry-main-gallery-grid {
    grid-template-columns: 1fr !important;
  }
}