/* ═══════════════════════════════════════════
   GlobalBridge — Global Custom Styles
   ═══════════════════════════════════════════ */

/* ── Article content — responsive typography ── */
.article-content {
  word-break: break-word;
  overflow-wrap: break-word;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4 {
  word-break: break-word;
  overflow-wrap: break-word;
}

.article-content img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

.article-content table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

.article-content iframe,
.article-content video {
  max-width: 100%;
}

.article-content pre,
.article-content code {
  overflow-x: auto;
  max-width: 100%;
  word-break: break-all;
}

/* Inline styled divs from AI generator — force wrap */
.article-content div {
  max-width: 100%;
  overflow-wrap: break-word;
}

/* ── Mobile-specific article adjustments ── */
@media (max-width: 640px) {
  .article-content {
    font-size: 15px !important;
    line-height: 1.8 !important;
  }

  .article-content h1 { font-size: 1.5rem !important; }
  .article-content h2 { font-size: 1.3rem !important; }
  .article-content h3 { font-size: 1.15rem !important; }

  .article-content blockquote {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 12px !important;
  }

  /* Force inline-style elements to fit mobile */
  .article-content [style*="padding"] {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .article-content [style*="margin: 24px"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .article-content [style*="display: flex"] {
    flex-wrap: wrap;
  }

  .article-content [style*="display: grid"] {
    display: flex !important;
    flex-direction: column !important;
  }
}

/* ── Smooth scroll behavior (no jarring jumps) ── */
html {
  scroll-behavior: smooth;
}

/* ── Fix overflow on mobile ── */
body {
  overflow-x: hidden;
}