/* ──────────────────────────────────────────────────────────────────────────
   SHARED INFOGRAPHICS STYLES
   Consolidated rules for embedded infographic diagrams across pages
   ────────────────────────────────────────────────────────────────────────── */

/* ── UNIVERSAL RESET ────────────────────────────────────────────────────── */
#ig-reg *, #ig-enf *, #ig-impl * { box-sizing: border-box; }

/* ── SHARED UTILITY ─────────────────────────────────────────────────────── */
.ig-embed-hidden { display: none; }



/* ─── RESPONSIVE ────────────────────────────────────────── */
@media (max-width: 900px) {
  .features-grid { grid-template-columns: 1fr 1fr; }
  .logo-strip-grid { grid-template-columns: repeat(3, 1fr); }
  .communities-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  .product-intro-inner { grid-template-columns: 1fr; gap: 40px; }
  .surfcast-intro-inner { grid-template-columns: 1fr; gap: 40px; }
  .features-list-inner { grid-template-columns: 1fr; gap: 16px; }
  .features-grid { grid-template-columns: 1fr; }
  .features-categories { grid-template-columns: 1fr; gap: 16px; }
  .features-section { overflow-x: hidden; }
  .features-section .container { padding-left: 16px; padding-right: 16px; }
  .infographics-row { grid-template-columns: 1fr; justify-content: stretch; }
  .infographic-embed { zoom: 1 !important; width: 100% !important; }
  .infographics { overflow-x: auto; }
  .infographics .container { overflow-x: auto; padding-bottom: 16px; }
  .infographics-row { overflow-x: auto; }
  .steps-row { grid-template-columns: 1fr; gap: 0; }
  .logo-strip-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .communities-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .communities-grid { grid-template-columns: 1fr; }
  .logo-strip-grid { grid-template-columns: repeat(2, 1fr); }
}