/* 記事本文（Markdown出力）の共有スタイル
   aoba.php（公開ページ）と admin/preview.php（プレビュー）の両方から読み込む。
   ここを1か所直せば公開・プレビューの見た目が必ず一致する。 */
.article-body h2,.article-body h3,.article-body h4 {
  font-family:var(--serif); font-weight:400; letter-spacing:.06em;
  margin:1.6em 0 .6em; line-height:1.5;
  color:rgba(255,210,80,.9); -webkit-text-fill-color:rgba(255,210,80,.9);
  background:none; animation:none;
}
.article-body h2 { font-size:1.25em; border-bottom:1px solid rgba(255,255,255,.35); padding-bottom:.4em; }
.article-body h3 { font-size:1.1em; }
.article-body h4 { font-size:1em; color:var(--text); -webkit-text-fill-color:var(--text); }
.article-body ul,.article-body ol { padding-left:1.5em; margin:.8em 0; }
.article-body li { margin:.3em 0; line-height:1.75; }
.article-body blockquote {
  border-left:3px solid rgba(140,210,255,.7);
  margin:.8em 0; padding:.4em 1em;
  color:var(--muted); font-style:italic;
}
.article-body code {
  background:rgba(0,0,0,.35); border:1px solid rgba(140,210,255,.35);
  border-radius:3px; padding:.1em .4em; font-size:.88em; font-family:monospace;
}
.article-body pre {
  background:rgba(0,0,0,.45); border:1px solid rgba(140,210,255,.35);
  border-radius:6px; padding:1em 1.2em; overflow-x:auto; margin:1em 0;
}
.article-body pre code { background:none; border:none; padding:0; font-size:.85em; }
.article-body hr { border:none; border-top:1px solid rgba(255,255,255,.35); margin:1.5em 0; }
.article-body strong { font-weight:700; color:#eaf5ff; -webkit-text-fill-color:#eaf5ff; text-shadow:0 0 6px rgba(190,225,255,.55); }
.article-body em { font-style:italic; }
.article-body p { margin:.6em 0; line-height:1.85; }
.article-body .md-table-wrap { overflow-x:auto; margin:1.2em 0; }
.article-body .md-table { width:100%; border-collapse:collapse; font-size:.88em; }
.article-body .md-table th,
.article-body .md-table td { padding:.5em .8em; border:1px solid rgba(140,210,255,.2); text-align:center; line-height:1.7; color:var(--text); -webkit-text-fill-color:var(--text); background:none; animation:none; }
.article-body .md-table th { background:rgba(20,55,95,.5); font-weight:600; }
.article-body .md-table td { background:rgba(10,30,60,.3); }
.article-body .md-table tr:hover td { background:rgba(20,55,95,.45); transition:background .2s; }