/* ==========================================================
   既存記事との互換
   ==========================================================
   これまでの記事は、本文（データベース）の中に Tailwind の
   ユーティリティクラスが直接書き込まれた状態で保存されています。
   例：<p class="text-base leading-[1.4] font-normal text-[#333333] mt-5">

   本テーマは Tailwind を読み込まないため、そのままだと
   区切り線が消える・余白が詰まるといった崩れが出ます。
   実際に本文で使われているクラスだけをここで再現し、
   過去記事をそのまま表示できるようにしています。

   新しく書く記事では、これらのクラスは不要です。
   （素の段落・見出しで書けば、テーマ側の体裁が適用されます）
   ========================================================== */

/* --- 見出しの下に入る区切り線 --- */
.prose .h-px{height:1px;border:0}
.prose .bg-\[\#B1B1B1\]{background:rgba(196,166,108,.42)}

/* --- 余白 --- */
.prose .mt-5{margin-top:1.25rem}
.prose .mb-2{margin-bottom:.5rem}
.prose .mb-4{margin-bottom:1rem}
.prose .mb-8{margin-bottom:2rem}
.prose .pt-20{padding-top:0}          /* アンカー位置調整用。テーマ側で scroll-margin を使う */
.prose .-mt-10{margin-top:0}

/* --- 文字まわり --- */
.prose .text-base{font-size:14px}
.prose .text-3xl{font-size:22px}
.prose .leading-\[1\.4\]{line-height:1.95}   /* 1.4 は詰まりすぎるので本文の行間に合わせる */
.prose .font-normal{font-weight:400}
.prose .font-bold{font-weight:600}
.prose .font-sans{font-family:var(--sans)}
.prose .text-\[\#333333\]{color:var(--ink)}
.prose .serif-lead{font-family:var(--serif-jp)}
@media(min-width:768px){
  .prose .md\:text-\[32px\]{font-size:22px}   /* 32px は本文の見出しには大きいので揃える */
}

/* 固定ヘッダー分のアンカー位置調整 */
.prose h2,.prose h3,.prose h4{scroll-margin-top:calc(var(--hd-h) + 20px)}

/* --- 目次プラグイン（Easy Table of Contents）の体裁をテーマに寄せる --- */
.prose #ez-toc-container{
  background:linear-gradient(180deg,#FDFBF6,#F9F4EA);
  border:1px solid var(--line);border-radius:var(--r-md);
  padding:20px 24px;margin:30px 0;box-shadow:none
}
.prose #ez-toc-container .ez-toc-title{
  font-family:var(--serif-jp);font-weight:600;font-size:13px;letter-spacing:.06em;
  color:var(--ink-strong);margin:0 0 10px
}
.prose #ez-toc-container nav ul{list-style:none;margin:0;padding:0;counter-reset:eztoc}
.prose #ez-toc-container nav li{counter-increment:eztoc;margin:0}
.prose #ez-toc-container nav a{
  display:flex;gap:10px;align-items:baseline;padding:7px 0;
  font-size:12.5px;line-height:1.75;color:#5A4B39;text-decoration:none;
  transition:color .3s
}
.prose #ez-toc-container nav a::before{
  content:counter(eztoc,decimal-leading-zero);flex:none;
  font-family:var(--sans);font-size:10.5px;color:#B5A88F;font-variant-numeric:tabular-nums
}
.prose #ez-toc-container nav a:hover{color:var(--gold-deep)}
.prose #ez-toc-container nav ul ul{padding-left:22px}
.prose #ez-toc-container .ez-toc-list-level-3 a{font-size:11.5px;color:var(--ink-mute)}

/* --- 取材先プロフィールのグループ --- */
.prose .wp-block-group.interviewee{margin:44px 0 0}
.prose .cover-profile{border-radius:var(--r-md);overflow:hidden}

/*
   カバーブロックは白文字が既定。淡い背景を敷いた場合に読めなくなるため、
   本文と同じ濃さの文字色に戻す。写真を背景にした濃い色のブロックでは、
   エディタ側で文字色を指定すればそちらが優先される。
*/
.prose .wp-block-cover:not(.has-text-color) .wp-block-cover__inner-container,
.prose .wp-block-cover:not(.has-text-color) .wp-block-cover__inner-container p,
.prose .wp-block-cover:not(.has-text-color) .wp-block-cover__inner-container h1,
.prose .wp-block-cover:not(.has-text-color) .wp-block-cover__inner-container h2,
.prose .wp-block-cover:not(.has-text-color) .wp-block-cover__inner-container h3,
.prose .wp-block-cover:not(.has-text-color) .wp-block-cover__inner-container h4,
.prose .wp-block-cover:not(.has-text-color) .wp-block-cover__inner-container li,
.prose .wp-block-cover:not(.has-text-color) .wp-block-cover__inner-container strong{
  color:var(--ink-strong)
}
/* 取材先プロフィールは淡い背景。見出しと本文をはっきり分ける */
.prose .interviewee .wp-block-cover__inner-container p,
.prose .cover-profile .wp-block-cover__inner-container p{color:var(--ink-strong)}
.prose .interviewee .wp-block-cover__inner-container strong{color:var(--ink-strong);font-weight:600}
/* 覆いの黒幕は薄い背景では不要 */
.prose .cover-profile .wp-block-cover__background{opacity:0}

/* --- 会社情報のテーブル --- */
.prose .wp-block-group.table-company{margin:40px 0 0}
.prose .wp-block-table table{width:100%;border-collapse:collapse;font-size:12.5px}
.prose .wp-block-table th,.prose .wp-block-table td{
  padding:13px 14px;border:0;border-bottom:1px solid var(--line-soft);
  text-align:left;line-height:1.9;vertical-align:top
}
.prose .wp-block-table td:first-child{
  width:32%;font-family:var(--serif-jp);font-weight:600;color:var(--ink-strong);
  background:rgba(200,170,110,.06)
}
.prose .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:transparent}

/* --- ボタン（記事内のCTA） --- */
.prose .wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:20px 0 0}
.prose .wp-block-button__link{
  display:inline-flex;align-items:center;gap:10px;
  padding:15px 30px;border-radius:99px;font-size:13.5px;letter-spacing:.05em;
  background:linear-gradient(135deg,#B18F51,#8C6C34);color:#fff;text-decoration:none;
  box-shadow:0 4px 14px rgba(138,107,51,.26);
  transition:transform .35s var(--ease),box-shadow .35s
}
.prose .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(138,107,51,.34)}

/* --- 画像ブロック --- */
.prose .wp-block-image{margin:28px 0}
.prose .wp-block-image img{border-radius:var(--r-md)}
.prose .wp-block-image figcaption{
  margin-top:10px;font-size:11px;color:var(--ink-mute);line-height:1.8;text-align:left
}

/* --- 余白ブロック（Spacer）は最大でも 40px に抑える --- */
.prose .wp-block-spacer{max-height:40px}

/* --- VK Blocks の余白クラス --- */
.prose .vk_block-margin-0--margin-top{margin-top:0}
.prose .vk_block-margin-0--margin-bottom{margin-bottom:0}
.prose .vk_block-margin-sm--margin-bottom{margin-bottom:1rem}
.prose .vk_block-margin-md--margin-bottom{margin-bottom:2rem}