/*
Theme Name: 使命コーチエニシ
Theme URI: https://enishi.mobi/
Author: 使命コーチエニシ
Description: 使命コーチエニシ オンラインスクールの常設サイト。お手本LP（drafts/collab/LP_月刊SLABOとつながるサミット_恒常.html）の実測値をそのまま写したブロックテーマ。配色はCLAUDE.md §19、寸法は plans/ページデザインの型.md が正。
Version: 0.4.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: enishi
*/

/* 🔴🔴 このファイルを直したら，上の「Version:」を**必ず上げる。**
   WordPressはこの値をCSSのURLに ?ver= として付けるので，据え置くと
   ブラウザが古いCSSを使い続ける。サーバー側は正しいのに画面が変わらない
   ——という形で現れるので，原因を取り違えやすい（2026/8/21 実測）

   🔴 theme.json の font-size のスラッグに **h1 / h2 は使えない。**
   WordPressが --wp--preset--font-size--h1 を生成せず，見出しが本文と
   同じ16pxになる（2026/8/21 実測）。display / heading などに逃がすこと

   -------------------------------------------------------------- */

/* --------------------------------------------------------------
   ここに書くのは theme.json で表せない装飾だけ。
   配色・寸法・字送りは theme.json 側が正。ここで上書きしない。
   -------------------------------------------------------------- */

/* 版面：お手本 .wrap = max-width 680px / padding 0 22px 72px
   （contentSize と root padding は theme.json 側で指定済み） */

/* ヘッダー：お手本 header{padding:56px 0 40px;text-align:center;} */
.enishi-header {
  padding: 40px 0 0;
  text-align: center;
}
.enishi-header > * {
  text-align: center;   /* サイトタイトル・タグラインは中央寄せ（ブロック側の既定が左寄せのため） */
}

/* ロゴ：**ロゴ自体に「使命コーチ エニシ」の文字が入っている**ので，
   これが看板そのもの。サイトタイトルは読み上げ・検索用に残して視覚的には隠す
   （消すとページのh1相当の情報が失われる） */
.enishi-header .wp-block-site-logo {
  margin: 0 auto 14px;
}
.enishi-header .wp-block-site-logo img {
  border-radius: 0;     /* ロゴに角丸を付けない */
  display: block;
  margin: 0 auto;
}
.enishi-header .wp-block-site-title {
  position: absolute;   /* 目には見えないが，読み上げと検索には残る */
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.enishi-header .wp-block-site-tagline {
  color: var(--wp--preset--color--sub);
  font-size: 13px;
  letter-spacing: .14em;
  margin: 0 0 28px;
}

/* --------------------------------------------------------------
   ナビゲーション
   【エニシ 2026/8/21】「もっと小さい字でいいかも／もっとナビゲーションに見せて」
   → 本文と同じ大きさだと「文章の続き」に見える。小さく・字間を開け・
     上下に細い罫を入れて**帯**にすることで，read するものではなく
     move するものだと分かる
   -------------------------------------------------------------- */
.enishi-nav {
  border-top: 1px solid rgba(175, 189, 208, .18);
  border-bottom: 1px solid rgba(175, 189, 208, .18);
  padding: 14px 0;
  margin: 0 0 8px;
}
.enishi-nav a {
  color: var(--wp--preset--color--sub);
  text-decoration: none;
  font-size: 13px;
  letter-spacing: .1em;
  line-height: 1.6;
  white-space: nowrap;
}
.enishi-nav a:hover,
.enishi-nav .current-menu-item a,
.enishi-nav .current-menu-item > a {
  color: var(--wp--preset--color--gold);
}
/* 開閉ボタン（スマホ）も小さく */
.enishi-nav .wp-block-navigation__responsive-container-open svg,
.enishi-nav .wp-block-navigation__responsive-container-close svg {
  width: 20px;
  height: 20px;
}

/* アイブロウ：お手本 .eyebrow{color:gold;font-size:13px;letter-spacing:.18em;} */
.enishi-eyebrow {
  color: var(--wp--preset--color--gold);
  font-size: 13px;
  letter-spacing: .18em;
  margin: 0 0 18px;
}

/* リード：お手本 .lead{color:sub;font-size:15px;} */
.enishi-lead {
  color: var(--wp--preset--color--sub);
  font-size: 15px;
}

/* 章の境界：お手本 .rule は44pxだが，型の確定値は56px
   （plans/ページデザインの型.md「上下は本文サイズの3.5倍以上＝56px以上」）
   core/separator の指定は theme.json 側。ここでは中央寄せ由来の幅制限を外すだけ */
.wp-block-separator {
  width: 100%;
  max-width: none;
}

/* フッター：margin-top 56px / padding-top 28px / 上に薄い罫 */
.enishi-footer {
  margin-top: 56px;
  padding-top: 28px;
  border-top: 1px solid rgba(175, 189, 208, .25);
  color: var(--wp--preset--color--sub);
  font-size: 13px;
}
.enishi-footer a {
  color: var(--wp--preset--color--sub);
}
.enishi-footer a:hover {
  color: var(--wp--preset--color--gold);
}

/* 中央寄せはタイトルまわりだけ。本文・リード・説明は左寄せ
   （plans/ページデザインの型.md「版面のルール」） */
.enishi-entry {
  text-align: left;
}

/* 記事ヘッダー：本文との間に章境界ぶんの余白を置く */
.enishi-entry-header {
  padding: 40px 0 0;
  margin-bottom: 56px;
}

/* スマホ：お手本 @media .wrap{padding:0 18px 56px;} */
@media (max-width: 600px) {
  .enishi-header { padding: 40px 0 32px; }
  .enishi-entry-header { margin-bottom: 40px; }
}

/* 画像は版面いっぱいでも角丸を保つ */
.wp-block-image img {
  border-radius: 10px;
  height: auto;
}

/* --------------------------------------------------------------
   カード：お手本 .map-row / .quote と同じ寸法
     background #1D3A5C ／ border-radius 10px ／ padding 26px 24px
     （plans/ページデザインの型.md「型の実測値」）
   -------------------------------------------------------------- */
.enishi-card {
  background: var(--wp--preset--color--card);
  border-radius: 10px;
  padding: 26px 24px;
  margin-bottom: 24px;      /* ブロック境界は本文の1.5倍以上 */
}
.enishi-card > *:last-child {
  margin-bottom: 0;
}
.enishi-card .enishi-card-title {
  color: var(--wp--preset--color--gold);
  font-weight: 700;
  font-size: 17px;
  margin: 0 0 10px;
}
.enishi-card .enishi-card-title a {
  color: var(--wp--preset--color--gold);
  text-decoration: none;
}
.enishi-card .enishi-card-title a:hover {
  text-decoration: underline;
}
.enishi-card p {
  margin: 0 0 12px;
}
.enishi-card .enishi-card-meta {
  color: var(--wp--preset--color--sub);
  font-size: 13px;
  margin: 0;
}

/* 準備中の印：仮置きのリンクを目立たせておく（公開時に消す） */
.enishi-wip {
  color: var(--wp--preset--color--sub);
  border: 1px dashed rgba(200, 150, 42, .45);
  border-radius: 10px;
  padding: 18px 20px;
  font-size: 14px;
}