/* ============================================================
   ELECTRONODE SUPER RULES - STAGE
   Hard visual guardrails for Stage UI.
   ============================================================ */

body img,
#stageRoot img,
.stage-root img,
.materials-stage-page img,
.safety-stage-page img,
.devices-stage-page img {
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

.materials-stage-card img,
.safety-stage-card img,
.devices-stage-card img,
.en-stage-card img,
[class*="stage-card"] img {
  max-height: 170px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.materials-stage-detail img,
.safety-stage-detail img,
.devices-stage-detail img,
.en-stage-detail img,
[class*="stage-detail"] img {
  max-height: 360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.materials-stage-page,
.safety-stage-page,
.devices-stage-page,
.en-stage-page {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding: 28px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

.materials-stage-grid,
.real-materials-stage-grid-v3,
.safety-stage-grid,
.devices-stage-grid,
.en-stage-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 18px !important;
}

.materials-stage-card,
.safety-stage-card,
.devices-stage-card,
.en-stage-card {
  overflow: hidden !important;
  border-radius: 22px !important;
}

.materials-stage-detail,
.safety-stage-detail,
.devices-stage-detail,
.en-stage-detail {
  display: grid !important;
  grid-template-columns: minmax(260px, 420px) minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: center !important;
}

@media (max-width: 900px) {
  .materials-stage-detail,
  .safety-stage-detail,
  .devices-stage-detail,
  .en-stage-detail {
    grid-template-columns: 1fr !important;
  }
}