/* =========================================================
   prose.css
   文書中の引用とコード。
   リストは list.css。見出し・段落の基本は骨格側。
   ========================================================= */

/* ---------------------------------------------------------
   引用
   --------------------------------------------------------- */
blockquote {
  margin: 1.5em 0;
  padding: 1.5em 1.5em 1.5em 2em;
  color: #333;
  background-color: #f7f9fa;
  border-left: 5px solid #a8b8c8;
  border-radius: 4px;
}

blockquote p {
  margin: 0;
  padding: 0;
  line-height: 1.8;
}

blockquote cite {
  display: block;
  margin-top: 1em;
  color: #666;
  font-size: 0.85em;
  font-style: normal;
  text-align: right;
}

/* ---------------------------------------------------------
   インラインコード
   文中の短いコード。端で折ってよい。
   --------------------------------------------------------- */
code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em;
  color: #c0392b;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 0.85em;
  background-color: #f1f4f6;
  border-radius: 4px;
  word-break: break-all;
}

/* ---------------------------------------------------------
   コードブロック
   横にはみ出したら pre の中だけスクロール。
   ソースの改行は維持する。
   --------------------------------------------------------- */
pre {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 1.5em 0;
  padding: 1.2em;
  overflow-x: auto;
  border: 1px solid #e1e8ed;
  border-radius: 6px;
  background-color: #f7f9fa;
  white-space: pre;
  word-break: normal;
}

pre code {
  display: block;
  margin: 0;
  padding: 0;
  color: #2c3e50;
  font-size: 0.9em;
  line-height: 1.6;
  background: transparent;
  word-break: normal;
}

.code-block-accordion {
  padding: 5px 5px 5px 20px;
}