/* ==========================================================
   宮前平脳神経外科クリニック｜ブログ記事共通スタイル
   マスター: プロジェクト blog/theme-mods/blog-article.css
   配布先: wp-content/themes/mcc/blog-article.css（functions.phpでenqueue）
   パレット（2026-07-30確定）:
     Primary   #af9772（ゴールド） / 淡 #dacaa8 / 背景 #efe8d9
     Secondary #24425e（ネイビー）
     Accent    #558baa（ブルー）
     Text      #333（記事本文） / #555（補足）
     BG        #f7f5f2
     Alert     #b5524a（テラコッタ）
   ========================================================== */

.mn-article{
  font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  line-height:2.0;
  color:#333;
  font-size:17px;
}
.mn-article p{margin:0 0 1.4em;}
.mn-article a{color:#558baa;}
.mn-article strong{color:#24425e;font-weight:700;}

/* --- 見出し --- */
.mn-article h2{
  font-size:1.32em;font-weight:700;color:#24425e;
  background:#f7f5f2;
  border-left:6px solid #af9772;
  padding:.55em .8em;
  border-radius:0 6px 6px 0;
  margin:2.4em 0 1em;
}
.mn-article h3{
  font-size:1.1em;font-weight:700;color:#24425e;
  padding-bottom:.3em;margin:1.8em 0 .6em;
  border-bottom:2px solid #dacaa8;
}

/* --- リスト（ゴールドのチェック付き） --- */
.mn-article ul{margin:0 0 1.6em;padding-left:0;list-style:none;}
.mn-article ul li{
  position:relative;
  padding-left:1.7em;
  margin:0 0 .7em;
}
.mn-article ul li::before{
  content:"";
  position:absolute;left:0;top:.52em;
  width:1.05em;height:1.05em;
  background:#af9772;
  border-radius:50%;
}
.mn-article ul li::after{
  content:"";
  position:absolute;left:.28em;top:.78em;
  width:.5em;height:.28em;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg);
}

/* --- 結論・リード枠（ベージュ） --- */
.mn-article .lead{
  background:#f5efe4;
  border:1px solid #dacaa8;
  border-radius:10px;
  padding:1.2em 1.4em;
  margin:0 0 1.8em;
}
.mn-article .lead strong{display:inline-block;margin-bottom:.5em;font-size:1.05em;color:#24425e;}

/* --- 危険サイン枠（テラコッタ） --- */
.mn-article .emergency{
  background:#fbf1ef;
  border:2px solid #b5524a;
  border-radius:10px;
  padding:1.2em 1.4em;
  margin:1.8em 0;
}
.mn-article .emergency strong{color:#b5524a;}
.mn-article .emergency ul li::before{background:#b5524a;}

/* --- FAQ --- */
.mn-article .faq-q{
  font-weight:700;color:#24425e;
  background:#f7f5f2;
  border-left:4px solid #558baa;
  padding:.7em 1em;
  border-radius:4px;
  margin:1.8em 0 .6em;
}
.mn-article .faq-q::before{
  content:"Q";
  display:inline-block;
  background:#558baa;color:#fff;
  font-size:.85em;font-weight:700;
  border-radius:4px;
  padding:0 .45em;
  margin-right:.6em;
}

/* --- CTA（WEB予約ボタンと同系のゴールド） --- */
.mn-article .cta{
  background:#af9772;color:#fff;
  border-radius:10px;
  padding:1.3em 1.4em;
  text-align:center;font-weight:700;font-size:1.05em;line-height:1.8;
  margin:2.2em 0;
}
.mn-article .cta a{color:#fff;text-decoration:underline;}
.mn-article .cta a:hover{opacity:.85;}

/* --- 監修者ブロック（ショートコード [supervisor] ） --- */
.mn-supervisor{
  display:flex;align-items:center;gap:1.1em;
  background:#f7f5f2;
  border:1px solid #dacaa8;
  border-radius:10px;
  padding:1em 1.2em;
  margin:0 0 1.8em;
}
.mn-supervisor__photo{
  width:84px;height:84px;object-fit:cover;border-radius:50%;
  flex-shrink:0;border:2px solid #dacaa8;
}
.mn-supervisor__body{line-height:1.6;}
.mn-supervisor__label{
  display:inline-block;
  background:#af9772;color:#fff;
  font-size:.75em;font-weight:700;
  border-radius:4px;
  padding:.1em .6em;
  margin-bottom:.35em;
}
.mn-supervisor__name{display:block;font-weight:700;font-size:1.1em;color:#24425e;}
.mn-supervisor__title{display:block;font-size:.82em;color:#555;}

/* --- 画像 --- */
.mn-article .figure-wrap{margin:1.8em 0;text-align:center;}
.mn-article .figure-wrap img{max-width:100%;height:auto;border-radius:8px;}

/* --- 旧・記事末尾の監修表記（当面残す場合用） --- */
.mn-article .supervisor{
  text-align:center;font-weight:700;color:#444;
  background:#f7f5f2;border:1px solid #dacaa8;border-radius:8px;
  padding:.9em 1.1em;margin:2em 0 0;
}

/* --- スマホ --- */
@media (max-width: 575.98px){
  .mn-article{font-size:16px;}
  .mn-supervisor{padding:.9em 1em;gap:.9em;}
  .mn-supervisor__photo{width:64px;height:64px;}
}