/* 「차근히 시작하는 증명법」 온라인판 — 상자 스타일
   LaTeX 원본의 keybox(금)·warnbox(빨강)·quotebox(회색) 를 웹에서 재현한다.
   색은 master.tex 프리앰블의 definecolor 값과 맞췄다. */

/* ── 핵심 상자 (금색) : 정의·핵심 문장·틀 ───────────────────────── */
div.admonition.keybox {
  border-color: #9A6A00;
  background-color: #FBF3E0;
}
div.admonition.keybox > .admonition-title {
  background-color: #9A6A00;
  color: #fff;
}
div.admonition.keybox > .admonition-title::after { content: none; }

/* ── 주의 상자 (빨강) : 자주 하는 실수·경고 ─────────────────────── */
div.admonition.warnbox {
  border-color: #9B2226;
  background-color: #FBEAEA;
}
div.admonition.warnbox > .admonition-title {
  background-color: #9B2226;
  color: #fff;
}
div.admonition.warnbox > .admonition-title::after { content: none; }

/* ── 인용 상자 (회색, 제목 있음) ────────────────────────────────── */
div.admonition.quotebox {
  border-color: #9AA3AF;
  background-color: #F4F5F7;
  border-left: 4px solid #9AA3AF;
}
div.admonition.quotebox > .admonition-title {
  background-color: #E7E9EE;
  color: #333;
}
div.admonition.quotebox > .admonition-title::after { content: none; }

/* ── 인용 상자 (회색, 제목 없음) = container ───────────────────
   MyST 인용문(> ) 안에서는 디스플레이 수식이 깨지므로 container 를 쓴다. */
div.container.quotebox,
blockquote {
  border-left: 4px solid #9AA3AF;
  background-color: #F4F5F7;
  padding: 0.5em 0.9em;
  margin: 1em 0;
  color: #222;
}
div.container.quotebox > :last-child,
blockquote p:last-child { margin-bottom: 0; }
blockquote p { margin-bottom: 0.4em; }

/* ── 답·힌트 상자 (남색, 접힘) : 먼저 생각하고 눌러서 확인 ─────────
   sphinx-togglebutton 의 dropdown 클래스가 접기/펼치기를 맡는다. */
div.admonition.quotebox.dropdown {
  border-color: #1F3A5F;
  background-color: #EAF0F8;
  border-left: 4px solid #1F3A5F;
}
div.admonition.quotebox.dropdown > .admonition-title {
  background-color: #DCE6F5;
  color: #1F3A5F;
}

/* 두 단짜리 '증명의 한 줄 / 왜?' 표를 조금 더 읽기 좋게 */
table { font-size: 0.95em; }