:root > * {
  --md-text-font-family: "PingFang SC","Microsoft YaHei","Noto Sans SC","Hiragino Sans GB",
                         system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --md-code-font-family: "JetBrains Mono","Cascadia Mono",Consolas,"SF Mono",Menlo,Monaco,
                         "Liberation Mono","Courier New",monospace;
}
[data-md-color-primary="indigo"] {
  --md-primary-fg-color: #3b82f6;
  --md-primary-fg-color--light: #60a5fa;
  --md-primary-fg-color--dark: #1d4ed8;
  --md-accent-fg-color: #2563eb;
  --md-typeset-a-color: #2563eb;
}
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #60a5fa;
  --md-accent-fg-color: #60a5fa;
}
.md-typeset { font-size: .78rem; line-height: 1.9; }
.md-typeset p, .md-typeset li, .md-typeset dd { line-height: 1.9; }
.md-typeset h1, .md-typeset h2 { font-weight: 600; }
.md-typeset img, .md-typeset svg { max-width: 100%; height: auto; border-radius: 6px; }
/* 🔴 表格：这里**只调字号**，绝不要去改 table / .md-typeset__table 的 display。
   Material 的屏幕态方案是让 <table> 自己当横向滚动容器：
     .md-typeset table:not([class]){ display:inline-block; max-width:100%; overflow:auto }
   （它的 `display:table` 只写在 @media print 里）；表格比容器宽时，
   它的 JS 还会再套一层 `.md-typeset__scrollwrap{overflow-x:auto}` 负责滚动。
   一旦在屏幕态强改 table 的 display，就会取消它的 overflow:auto —— 窄屏下末列被裁掉
   却滑不出来（实测 390px 视口下末列右边缘跑到 454 / 736px，页面横向却不溢出）。
   同理 .md-typeset__table 必须保持 Material 的 inline-block（shrink-to-fit），
   否则外层量不到内容宽度，滚动层同样失效。更详细的排查记录见 audit_tables.py。 */
.md-typeset table:not([class]) {
  font-size: .72rem;
}
.md-typeset code { word-break: break-word; }
.md-typeset pre > code { font-size: .74rem; line-height: 1.6; }
.md-typeset .admonition, .md-typeset details { font-size: .75rem; }
.md-typeset .admonition-title, .md-typeset summary { font-weight: 600; }
pre.mermaid { background: transparent; text-align: center; overflow-x: auto; }
.missing-img { color: #d33; background: rgba(221,51,51,.08);
               padding: 0 .3em; border-radius: 3px; font-size: .9em; }
.md-typeset .grid.cards > ul > li { border-radius: 8px; }
.md-typeset .grid.cards > ul > li > hr { margin: .6em 0; }
@media screen and (max-width: 76.1875em) { .md-typeset { font-size: .8rem; } }
@media screen and (max-width: 44.9375em) {
  .md-typeset { font-size: .84rem; line-height: 1.95; }
  .md-typeset pre > code { font-size: .7rem; }
  .md-typeset h1 { font-size: 1.5rem; }
  .md-typeset h2 { font-size: 1.25rem; }
}
