/* Summary notes — KaTeX + Markdown rendering (replaces the old jpg/PDF pages).
   Visual language matches the established A-Level notes convention:
   - body text dark, keywords bold but NOT coloured
   - formula cards: calm box with a thin accent bar on the left
   - ★ Key Result: gold badge on the chapter's core formula
   - 💡 Hint: the only warm colour, used for classic pitfalls */
.summaryShell{
  --paper-accent:#2563eb;
  --paper-tint:#eff6ff;
}
.textbookSummaryCard{
  border-left:4px solid var(--paper-accent);
}
.summaryBody{
  margin-top:10px;
  color:#334155;
  font-size:14.5px;
  line-height:1.7;
}
.summaryBody p{margin:10px 0;color:#334155}
.summaryBody strong{color:#0f172a;font-weight:700}
.summaryBody ul{padding-left:22px;margin:10px 0}
.summaryBody li{margin-bottom:7px;color:#334155}
.summaryBody li strong{color:#0f172a}
.summaryBody h4{margin:18px 0 8px;font-size:15px;color:var(--paper-accent)}
/* formula card: the core of a summary — boxed, calm, accent only on the bar */
.formula-card{
  background:var(--paper-tint);
  border-left:5px solid var(--paper-accent);
  border-radius:0 12px 12px 0;
  padding:12px 16px;
  margin:14px 0;
  text-align:center;
}
.formula-card .katex-display{margin:0}
.formula-card .katex{font-size:1.12em;font-weight:700;color:#0f172a}
/* inline math: subtle grey pill, dark — no accent everywhere */
.inline-math{
  background:#f1f5f9;
  color:#0f172a;
  padding:1px 6px;
  border-radius:6px;
  font-weight:500;
}
.inline-math .katex{color:#0f172a;font-weight:500;font-size:1.02em}
/* ★ Key Result gold badge */
.key-result-label{
  display:inline-block;
  margin:16px 0 0;
  background:linear-gradient(90deg,#f59e0b,#fbbf24);
  color:#fff;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  padding:4px 12px;
  border-radius:999px;
  box-shadow:0 2px 6px rgba(245,158,11,.35);
}
/* 💡 Hint — amber callout for classic pitfalls */
.summaryShell blockquote{
  margin:16px 0;
  padding:12px 16px;
  border-left:5px solid #f59e0b;
  background:#fff7ed;
  border-radius:0 12px 12px 0;
  color:#7c2d12;
  font-size:14px;
  line-height:1.6;
}
.summaryShell blockquote p{color:#7c2d12;margin:0}