

/* ── Article content typography ── */
.article-title {
  font-family: var(--font-serif);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  color: var(--primary);
  line-height: 1.15;
  margin-bottom: 0.75rem;
}
.article-divider {
  height: 3px;
  width: 44px;
  background: var(--accent);
  border-radius: 2px;
  margin-bottom: 1.75rem;
}
.article-body {
  font-size: 1.05rem;
  line-height: 1.9;
  color: var(--body-text);
}
.article-body p      { margin-bottom: 1.4rem; }
.article-body strong { color: var(--dark-text); }
.article-body h4 {
  font-family: var(--font-serif);
  font-size: 1.05rem;
  font-weight: 900;
  color: var(--primary);
  margin: 2rem 0 0.75rem;
}

/* Overrides when article-body is inside .page-split-content */
.page-split-content .article-body,
.page-split-content .article-body p {
  font-size: 1rem !important;
  line-height: 1.85 !important;
  color: var(--body-text);
}
.page-split-content .article-body p     { margin-bottom: 1.25rem !important; }
.page-split-content .article-body h4 {
  font-family: var(--font-serif);
  font-size: 1.1rem !important;
  font-weight: 900;
  color: var(--primary);
  margin: 2rem 0 0.75rem !important;
}
.page-split-content .article-title {
  font-size: clamp(1.6rem, 4vw, 2.6rem);
  margin-bottom: 0.5rem;
}

/* Page meta row (badges + tags above title) */
.page-meta-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.page-meta-row .upcoming-badge { margin-bottom: 0; }

/* ── Person page meta & stats ── */
.article-person-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
.article-person-location {
  font-size: 0.85rem;
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 5px;
}
.article-person-location i { color: var(--accent); }

/* Stats grid */
.pp-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 1rem;
  margin: 1.75rem 0 2rem;
  padding: 1.5rem;
  background: var(--light-bg);
  border-radius: var(--radius);
  border: 1px solid var(--border-solid);
}
.pp-stat         { text-align: center; }
.pp-stat-value {
  font-size: 1.5rem;
  font-weight: 900;
  color: var(--primary);
  line-height: 1;
}

.pp-stat-label,
.stat-label {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted);
  display: block;
}
.pp-stat-label { margin-top: 4px; }
.stat-label    { margin-bottom: 0.2rem; }

/* Compact stat overrides inside .page-split-content */
.page-split-content .pp-stats {
  margin: 1rem 0 1.25rem;
  padding: 1rem 1.25rem;
}
.page-split-content .pp-stat-value { font-size: 1.3rem; }
.page-split-content .pp-stat-label { font-size: 0.6rem; }
