:root { color-scheme: light; }
body { -webkit-font-smoothing: antialiased; overflow-x: hidden; }

/* 全站字体：OWID 风格，Inter 优先（base.html 已引入 Inter Web Font） */
body, .article-prose, .toc-link { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', 'PingFang SC', 'Microsoft YaHei', sans-serif; }

::selection { background: #fde7d1; color: #002147; }

/* 通栏 breakout：让 Hero / 标签栏突破 max-w-content 容器 */
.full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  position: relative;
}

/* Hero 世界地图纹理（CSS 点阵近似 OWID 首页底纹） */
.hero-map {
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.06) 1px, transparent 1px),
    radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 36px 36px, 72px 72px;
  background-position: 0 0, 18px 18px;
}

/* 文章正文排版节奏（不依赖重型 prose 库）
   对齐 OWID：正文栏 ~768px 保证可读行宽；靠留白阶梯分隔，少用横线 */
.article-prose { max-width: 52rem; }
.article-prose > * + * { margin-top: 1rem; }
.article-prose table { border-collapse: collapse; width: 100%; font-size: 0.8125rem; line-height: 1.55; }
.article-prose th, .article-prose td { border: 1px solid #e5e7eb; padding: 0.5rem 0.625rem; vertical-align: top; }
.article-prose thead th { background: #f8fafc; font-weight: 600; color: #111827; }
.article-prose tbody tr:nth-child(even) { background: #fcfcfd; }
.article-prose h2 {
  font-size: 1.5rem; font-weight: 600; color: #111827;
  margin-top: 2.75rem; margin-bottom: 0.25rem; line-height: 1.3;
}
.article-prose h3 {
  font-size: 1.05rem; font-weight: 600; color: #1a1a1a; margin-top: 1.75rem;
}
.article-prose p { line-height: 1.7; color: #374151; font-size: 1.0625rem; }
.article-prose ul { list-style: disc; padding-left: 1.25rem; line-height: 1.7; color: #374151; }
.article-prose li + li { margin-top: 0.45rem; }
.article-prose strong { color: #111827; font-weight: 600; }
.article-prose a { color: #2a6ebb; text-decoration: underline; text-underline-offset: 2px; }
.article-prose a:hover { color: #16456f; }

/* OWID 图表签名：来源 + 许可灰小字标注 */
.fig-caption { font-size: 0.75rem; color: #777; margin-top: 0.5rem; line-height: 1.5; }
.fig-source { font-size: 0.75rem; color: #999; margin-top: 0.15rem; }

/* 药丸标签 chip（OWID 风格） */
.chip { font-size: 11px; border-radius: 999px; padding: 2px 10px; line-height: 1.6; }

/* 左侧 TOC 激活态 */
.toc-link { color: #6b7280; border-left: 2px solid transparent; transition: color .15s, border-color .15s; }
.toc-link:hover, .toc-link.active { color: #002147; border-left-color: #002147; }