/* =====================================================================
   summary-notes-theme.css — 富文本笔记的「模块主题 + 遗留补丁」
   ---------------------------------------------------------------------
   在 summary-p3.css 之后加载，只做三件事：
   1) 按模块换主色（P1 蓝 / P2 青 / P3 紫 / P4 琥珀），与 PAPER_THEME 对齐
   2) 补 summary-p3.css 漏掉的 figcaption / figure 样式
      （P1–P4 一共用了 94 处 figcaption，之前完全没样式）
   3) 补 table.cmp 样式（P3/P4 里有裸表格，之前无表头底色/斑马线）
   不改动 summary-p3.css 本身。
   ===================================================================== */

/* ---------- 1. 按模块换色 ---------- */
.summaryBody.richNotes{
  --nt-accent:#7c3aed;      /* 主色：标签、序号块、圆点 */
  --nt-accent-ink:#6d28d9;  /* 药丸文字（比主色深一档） */
  --nt-tint:#f5f3ff;        /* 章头渐变起点 */
  --nt-line:#ede9fe;        /* 章头边框 */
  --nt-soft:#ede9fe;        /* 序号块 / 题型药丸底色 */
  --nt-dot:#c4b5fd;         /* 步骤前的小圆点 */
}
.summaryBody.richNotes[data-notes-module="P1"]{
  --nt-accent:#2563eb;--nt-accent-ink:#1d4ed8;--nt-tint:#eff6ff;
  --nt-line:#dbe6fe;--nt-soft:#e3edff;--nt-dot:#93b4f8;
}
.summaryBody.richNotes[data-notes-module="P2"]{
  --nt-accent:#0d9488;--nt-accent-ink:#0f766e;--nt-tint:#ecfdf5;
  --nt-line:#c9f0e3;--nt-soft:#d6f5ec;--nt-dot:#5eead4;
}
.summaryBody.richNotes[data-notes-module="P3"]{
  --nt-accent:#7c3aed;--nt-accent-ink:#6d28d9;--nt-tint:#f5f3ff;
  --nt-line:#ede9fe;--nt-soft:#ede9fe;--nt-dot:#c4b5fd;
}
.summaryBody.richNotes[data-notes-module="P4"]{
  --nt-accent:#d97706;--nt-accent-ink:#b45309;--nt-tint:#fffbeb;
  --nt-line:#fde9c1;--nt-soft:#fdf0d5;--nt-dot:#fcd34d;
}

.summaryBody.richNotes .ch-head{
  background:linear-gradient(135deg,var(--nt-tint),#fdfdfe);
  border:1px solid var(--nt-line);
  border-left:4px solid var(--nt-accent);
}
.summaryBody.richNotes .ch-label{color:var(--nt-accent)}
.summaryBody.richNotes h2 .section-num{background:var(--nt-soft);color:var(--nt-accent)}
.summaryBody.richNotes .problem-type .tag{background:var(--nt-soft);color:var(--nt-accent-ink)}
.summaryBody.richNotes .example-header .dot{background:var(--nt-accent)}
.summaryBody.richNotes .step::before{background:var(--nt-dot)}

/* ---------- 2. 图注（summary-p3.css 里没有） ---------- */
.summaryBody.richNotes figure{
  margin:14px 0;
}
.summaryBody.richNotes figure svg{
  margin:0 auto 0;
}
.summaryBody.richNotes figcaption{
  margin-top:7px;
  text-align:center;
  font-size:12px;
  line-height:1.6;
  color:#6b7280;
}
.summaryBody.richNotes figcaption strong{color:#374151}

/* ---------- 2b. 关键修复：图表样式不能命中 KaTeX 的内联 svg ----------
   summary-p3.css 里的 `.summaryBody.richNotes svg{...}` 本来只想给图表上样式，
   但 KaTeX 画根号 √、上划线、伸缩括号用的也是内联 <svg>。那条规则把它们的
   height 改成 auto、加了 8px padding + 边框 + 白底，导致根号被裁掉
   （一轴 overflow:auto 会让另一轴也变 auto，于是纵向被剪）。
   这里把图表样式收窄到 `<figure>` 的直接子 svg，并把 KaTeX 的 svg 还原成
   KaTeX 自己的取值（见 katex.min.css 的 `.katex svg`）。 */
.summaryBody.richNotes figure > svg{
  display:block;
  max-width:100%;
  height:auto;
  margin:0 auto;
  padding:8px;
  background:#fff;
  border:1px solid #eef2f7;
  border-radius:12px;
}
.summaryBody.richNotes .katex svg{
  display:block;
  width:100%;
  max-width:none;
  height:inherit;
  position:absolute;
  margin:0;
  padding:0;
  background:none;
  border:0;
  border-radius:0;
}

/* ---------- 3. 对比表（.cmp） ---------- */
.summaryBody.richNotes table.cmp,
.summaryBody.richNotes .cmp table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 14px;
  font-size:13.5px;
  background:#fff;
  border:1px solid #e8ecf3;
  border-radius:12px;
  overflow:hidden;
}
.summaryBody.richNotes table.cmp th,
.summaryBody.richNotes .cmp table th{
  background:#f1f5f9;
  padding:10px 13px;
  text-align:left;
  font-size:11px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#475569;
  border-bottom:1px solid #e2e8f0;
}
.summaryBody.richNotes table.cmp td,
.summaryBody.richNotes .cmp table td{
  padding:9px 13px;
  border-bottom:1px solid #f1f5f9;
  vertical-align:top;
  line-height:1.65;
}
.summaryBody.richNotes table.cmp tr:last-child td,
.summaryBody.richNotes .cmp table tr:last-child td{border-bottom:0}
.summaryBody.richNotes table.cmp tbody tr:nth-child(even),
.summaryBody.richNotes .cmp table tbody tr:nth-child(even){background:#fafbfd}

/* ---------- 4. 窄屏：表格横向滚动，不要撑破页面 ---------- */
@media(max-width:600px){
  .summaryBody.richNotes table.cmp,
  .summaryBody.richNotes .cmp table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .summaryBody.richNotes figcaption{font-size:11.5px}
}