/* 公开站 markdown 渲染样式 —— 单一来源。
   JD 详情页 (.jd-prose) 与团队页 (.t4-md) 共用同一套 prose 规则。
   两侧 markdown 都走 lib/shared/markdown.js（## h2 / **bold** /
   [text](url) / `code` / > blockquote / * list / 段落）。
   颜色用 :root 里 t4 变量（team.css 第 23 行起定义，layout.jsx 里 team.css
   先于本文件加载，变量永远可用）。 */

.jd-prose h1,
.t4-md h1{
  font-size: 19px;
  font-weight: 500;
}

/* renderMarkdown 把 `## …` 渲染成 <h2>；JSX 回退态可能写 <h3>。两个选择器
   都覆盖，样式完全一致。 */
.jd-prose h2,
.jd-prose h3,
.t4-md h2,
.t4-md h3{
  font-size: 17px;
  font-weight: 500;
  color: var(--t4-ink);
  letter-spacing: -0.01em;
  margin: 44px 0 16px;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.jd-prose h2:first-child,
.jd-prose h3:first-child,
.t4-md h2:first-child,
.t4-md h3:first-child{ margin-top: 0; }
.jd-prose h2 .em,
.jd-prose h3 .em,
.t4-md h2 .em,
.t4-md h3 .em{
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  font-size: 17px;
  font-style: normal;
  line-height: 1;
}

.jd-prose p,
.t4-md p{
  font-size: 14.5px;        /* t-md */
  line-height: 1.85;
  color: #202020;
  margin: 0 0 0;
  font-weight: 400;
}

.jd-prose strong,
.t4-md strong{
  color: var(--t4-ink);
  font-weight: 500;
}

.jd-prose blockquote,
.t4-md blockquote{
  margin: 18px 0;
  padding: 14px 18px;
  background: var(--t4-soft);   /* bg-soft（§1.3 允许：code/quote 类容器） */
  border-radius: 14px;
  corner-shape: squircle;
  -webkit-corner-shape: squircle;
  font-size: 15.5px;
  line-height: 1.8;
  color: var(--t4-ink-2);
}

.jd-prose ul, .jd-prose ol,
.t4-md ul, .t4-md ol{
  margin: 0 0 14px;
  padding-left: 22px;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--t4-ink);
}
.jd-prose li,
.t4-md li{ margin: 8px 0; }
.jd-prose li::marker,
.t4-md li::marker{ color: var(--t4-ink-4); }

/* renderMarkdown 会把 [text](url) 渲染成 <a>、把 `code` 渲染成 <code>。 */
.jd-prose a,
.t4-md a{
  color: var(--t4-ink);
  text-decoration: underline;
  text-decoration-color: #d2d2d7;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: text-decoration-color 0.15s ease;
}
.jd-prose a:hover,
.t4-md a:hover{ text-decoration-color: var(--t4-ink); }

.jd-prose code,
.t4-md code{
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em;
  padding: 1px 6px;
  background: var(--t4-soft);
  border-radius: 6px;
  color: var(--t4-ink);
}