/* morph-sim-search.css ―― サーチ（reptiles-search.com）でシミュレーターを出すときの色合わせ
   morph-sim.css はブログ用の色変数（--brown-* 等）を前提にしているので、
   サーチの配色（paper / ink / leaf / moss / clay）に読み替えるだけのファイル。
   読み込み順：style.css → morph-sim.css → このファイル */
:root {
  --brown-dark:  #3e6b36;   /* moss  … 見出し・濃い部分 */
  --brown-mid:   #5c8a4a;   /* leaf  … ボタン・バー */
  --brown-light: #c97a5b;   /* clay  … アクセント */
  --brown-pale:  #f1ead8;   /* 薄い紙色 … 箱の背景 */
  --brown-bg:    #fbf7ec;   /* paper */
  --green-acc:   #5c8a4a;
  --green-pale:  #eaf2e0;
  --text-main:   #2b2b2b;   /* ink */
  --text-muted:  #6b665c;
  --white:       #ffffff;
  --shadow: 0 2px 12px rgba(43,43,43,0.08);
  --radius: 12px;
  --radius-sm: 6px;
}
/* Tailwind の初期化で消える見出し・段落の大きさを、シミュレーターの本文だけ戻す */
.morph-article .article-body h2 { font-size: 1.5rem; margin: 2rem 0 0.8rem; }
.morph-article .article-body h3 { font-size: 1.1rem; margin: 1.4rem 0 0.5rem; }
.morph-article .article-body p  { margin: 0 0 0.9rem; line-height: 1.85; font-size: 0.95rem; }
.morph-article .article-lead    { line-height: 1.85; font-size: 0.95rem; }
.morph-article .toc ol { padding-left: 1.4rem; list-style: decimal; }
.morph-article a { text-decoration: underline; }
.morph-article .toc a, .morph-article .breadcrumb a { text-decoration: none; }
.morph-article .toc a:hover { text-decoration: underline; }
.morph-article .tip-box h3 { font-size: 1.05rem; }
.morph-article .article-body ul { list-style: disc; padding-left: 1.4rem; margin: 0 0 0.9rem; }
.morph-article .article-body li { margin: 0.2rem 0; line-height: 1.8; font-size: 0.95rem; }