/* ── Blog shared styles ─────────────────────────────────────── */

/* Prevent tables from overflowing on mobile */
.blog-body table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Prevent any pre/code blocks from breaking layout */
.blog-body pre,
.blog-body code {
  max-width: 100%;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

/* Center the content column */
.blog-body {
  margin: 0 auto;
}

/* All text white */
.blog-body p,
.blog-body li,
.blog-body td,
.blog-body th,
.blog-body label,
.blog-body span:not(.blog-tag):not(.trend-badge):not(.step-num):not(.trend-num):not(.stat-num) {
  color: var(--text) !important;
}

/* Keep accent highlights */
.blog-body a:not(.btn)         { color: var(--accent) !important; }
.blog-body .btn-primary        { color: #0A0A0A !important; }
.blog-body .btn-primary span   { color: #0A0A0A !important; }
.blog-body .highlight          { color: var(--accent) !important; }
.blog-body .score-good         { color: var(--accent) !important; }
.blog-body .score-bad          { color: #ff6b6b    !important; }
.blog-body .score-mid          { color: var(--text) !important; }
.blog-body .pct                { color: var(--accent) !important; }
.blog-body .stat-num           { color: var(--accent) !important; }
.blog-body .step-num           { color: var(--accent) !important; }
.blog-body .trend-num          { color: var(--accent) !important; }
.blog-body .platform-verdict   { color: var(--accent) !important; }
.blog-body strong              { color: var(--text)   !important; }
.blog-body h2,
.blog-body h3,
.blog-body h4                  { color: var(--text)   !important; }

/* Sources section — keep dimmed */
.blog-sources h4,
.blog-sources li,
.blog-sources a { color: var(--text-3) !important; }

/* Hero intro text white */
.blog-intro { color: var(--text) !important; }

/* Hero section centered */
.blog-hero .container      { text-align: center; }
.blog-hero .blog-meta      { justify-content: center; }
.blog-hero .blog-title     { margin-left: auto; margin-right: auto; }
.blog-hero .blog-intro     { margin-left: auto; margin-right: auto; }

/* Blog index overview page */
.blog-card__excerpt { color: var(--text) !important; }
.blog-card__footer  { color: var(--text-3) !important; }