/* Production scope: MYSTICISM category including INTRODUCTION. Shared navigation/layout belongs in core.css. */
/*
==============================================================================
ANIMA MYSTICA / MYSTICISM CATEGORY HUB
category-mysticism.css

このCSSは MYSTICISMカテゴリハブ専用です。

【調整の目安】
1. HERO画像の見え方
   → 「SECTION 2 : HERO」

2. INTRODUCTION / GUIDE の横長カード
   → 「SECTION 4 : STANDARD CARDS」

3. FIELDS各カードの背景画像の見え方
   → 「SECTION 6 : PER-CARD IMAGE TUNING」
   ※ 各カードごとに以下を個別調整できます。

   --field-brightness    背景画像の明るさ
   --field-saturation    彩度
   --field-contrast      コントラスト
   --field-x             横方向の表示位置（0%=左、50%=中央、100%=右）
   --field-y             縦方向の表示位置（0%=上、50%=中央、100%=下）
   --field-overlay-left  文字側（左側）の暗幕の濃さ
   --field-overlay-mid   中央付近の暗幕の濃さ
   --field-overlay-right 画像側（右側）の暗幕の濃さ
   --field-bottom-shade  下側の暗幕の濃さ

   数値の考え方：
   brightness : 1.00 が元画像。0.70なら暗く、1.15なら明るく。
   saturation : 1.00 が元画像。0.80なら色味を抑え、1.20なら鮮やか。
   contrast   : 1.00 が元画像。1.10なら少しメリハリが強い。
   overlay    : 0.00 で透明、1.00 で真っ黒。
   position   : 50% 50% が中央。例 65% 50% で画像を少し右寄せ。

【重要】
FIELDSカードは文字の可読性を守るため、背景画像の上に暗いオーバーレイを
重ねています。画像をもっと見せたい場合は、まず各カード固有設定の
brightness を上げるか、overlay-right / overlay-mid を小さくしてください。
==============================================================================
*/


/* MYSTICISM専用の本文コントラスト改善。共通CSSや背景画像は変えない。
   基本文字 / 補助本文 / JUNGサブテキストの明度を統一する。 */
.category-mysticism{
  --info-text:#d3e0e8;
  --info-text-soft:#bdced9;
  --info-text-sub:#c5d5df;
}

/* ==========================================================================
   SECTION 1 : PAGE BASE
   MYSTICISMハブ本文全体の文字・行間
   ========================================================================== */
.category-mysticism #pagebody{
  color:var(--info-text);
  font-family:"Yu Gothic","Noto Sans JP",Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;
  font-size:15px;
  line-height:1.95;
  letter-spacing:.01em;
}


/* ==========================================================================
   SECTION 2 : HERO
   Informationカテゴリと同じ本文＋右ナビ構成の「本文カラム内」に収める。
   右ナビには絶対にはみ出さない。
   ========================================================================== */
.mysticism-hub-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:0 0 34px;
  min-height:310px;
  padding:0;
  border:1px solid var(--info-line);
  border-radius:7px;
  background:#071018;
}

/* HERO最下部の細いアクセントライン */
.mysticism-hub-hero::after{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(123,185,218,.55),transparent);
}

/* HERO画像本体。width:100%なので本文カラム幅だけで表示される */
.mysticism-hub-hero-image{
  position:absolute;
  inset:0;
  z-index:-3;
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
  object-position:center center;
}

/* HERO画像上の暗幕。左側のタイトル文字を保護する */
.mysticism-hub-hero-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(3,9,14,.95) 0%,rgba(4,10,16,.78) 43%,rgba(4,10,16,.22) 75%,rgba(4,10,16,.38) 100%),
    linear-gradient(0deg,rgba(3,8,12,.55),rgba(3,8,12,.08) 58%);
  pointer-events:none;
}

.mysticism-hub-hero-copy{
  position:relative;
  z-index:1;
  max-width:630px;
  padding:34px 30px 36px;
}

.mysticism-hub-kicker{
  margin:0 0 8px!important;
  color:#7dbbd6;
  font:600 9px/1.4 Georgia,serif;
  letter-spacing:.20em;
}

.mysticism-hub-hero h1{
  margin:0!important;
  color:#eef8fb!important;
  font:400 clamp(34px,4vw,51px)/1.2 Georgia,"Times New Roman",serif!important;
  letter-spacing:.07em;
}

.mysticism-hub-title-ja{
  margin:5px 0 14px!important;
  color:#b7cad3;
  font:500 15px/1.5 Meiryo,sans-serif;
  letter-spacing:.14em;
}

.mysticism-hub-lead{
  max-width:760px;
  margin:0!important;
  color:var(--info-text);
  font-size:13px;
  line-height:1.95;
}


/* ==========================================================================
   SECTION 3 : SECTION HEADING
   INTRODUCTION / FIELDS / GUIDE 共通
   ========================================================================== */
.mysticism-hub-section{
  margin:0 0 38px;
  padding-top:4px;
  scroll-margin-top:100px;
}

.mysticism-hub-section + .mysticism-hub-section{
  padding-top:30px;
  border-top:1px solid var(--info-line);
}

.mysticism-section-heading{margin-bottom:18px;}

/* 英字小見出し */
.mysticism-section-heading p{
  margin:0 0 3px!important;
  color:#6ea8c0;
  font:600 9px/1.4 Georgia,serif;
  letter-spacing:.18em;
}

/* 日本語セクション見出し */
.mysticism-section-heading h2{
  margin:0 0 4px!important;
  color:var(--info-h1)!important;
  font:400 25px/1.45 "Noto Serif JP","Yu Mincho",Georgia,serif!important;
}

/* セクション補足文 */
.mysticism-section-heading span{
  color:var(--info-text-soft);
  font-size:11px;
}


/* FIELDS / RESEARCH: learning-order explanations and cards in one section */
.mysticism-hub-composition-copy{
  max-width:860px;
}
.mysticism-hub-composition-copy p{
  margin:0 0 1.25em!important;
  color:var(--info-text);
  font-size:13px;
  line-height:2!important;
}

/* 読み順とFIELDSカードを各グループ内で一体表示する */
.mysticism-hub-composition-toc{
  max-width:860px;
  margin:22px 0 30px;
  padding:0;
  list-style:none;
  border-top:1px solid var(--info-line);
}
.mysticism-hub-composition-toc li{
  display:block;
  padding:13px 2px 14px;
  border-bottom:1px solid var(--info-line);
}
.mysticism-hub-composition-toc li > div{
  min-width:0;
  text-align:left;
}
.mysticism-hub-composition-toc strong{
  display:block;
  margin-bottom:3px;
  color:var(--info-h1);
  font-family:"Noto Serif JP","Yu Mincho",Georgia,serif;
  font-size:18px;
  font-weight:500;
  line-height:1.55;
}
/* Retain the retired composition.html URL fragment without showing an extra heading. */
.mysticism-hub-anchor-alias{display:block;position:relative;top:-100px;visibility:hidden;height:0;}
.mysticism-hub-composition-toc .mysticism-field-grid{
  max-width:none;
  margin-top:16px;
}
.mysticism-hub-composition-toc .mysticism-field-grid-single{
  grid-template-columns:minmax(0,1fr);
}
.mysticism-hub-composition-toc .mysticism-field-card-wide{
  grid-column:auto;
}
.mysticism-hub-composition-toc small{
  display:block;
  color:var(--info-text);
  font-family:"Yu Gothic","Noto Sans JP",sans-serif;
  font-size:13px;
  line-height:1.75;
}
/* Supplementary explanatory note, deliberately not a clickable card. */
.mysticism-hub-style-note{
  max-width:860px;
  margin:32px 0 0;
  padding:17px 0 0;
  border:0;
  border-top:1px dotted rgba(120,177,198,.28);
  border-radius:0;
  background:none;
  box-shadow:none;
}
.mysticism-hub-style-note small{
  display:block;
  margin-bottom:4px;
  color:var(--info-accent);
  font:600 9px/1.35 Georgia,serif;
  letter-spacing:.14em;
}
.mysticism-hub-style-note strong{
  display:block;
  margin-bottom:7px;
  color:var(--info-h1);
  font-family:"Noto Serif JP","Yu Mincho",Georgia,serif;
  font-size:15px;
  font-weight:500;
}
.mysticism-hub-style-note p{
  margin:0!important;
  color:var(--info-text-soft);
  font-size:12px;
  line-height:1.9!important;
}

/* GUIDEの後、AMATEAへつながる最終セクション */
.mysticism-hub-integration{
  margin-bottom:8px;
}

.mysticism-amatea-next{
  margin-top:24px;
  padding:22px 24px;
  border:1px solid rgba(116,170,194,.28);
  border-radius:8px;
  background:linear-gradient(110deg,rgba(15,30,40,.72),rgba(10,18,25,.38));
}

.mysticism-amatea-next-kicker{
  margin:0 0 6px!important;
  color:#9bc6d8;
  font:600 9px/1.4 Georgia,serif;
  letter-spacing:.18em;
}

.mysticism-amatea-next h3{
  margin:0 0 8px;
  color:var(--info-h1);
  font-family:"Noto Serif JP","Yu Mincho",Georgia,serif;
  font-size:20px;
  font-weight:500;
}

.mysticism-amatea-next > p:not(.mysticism-amatea-next-kicker){
  margin:0!important;
  color:var(--info-text-soft);
  font-size:12px;
  line-height:1.9!important;
}

.mysticism-amatea-next-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:16px;
  padding:10px 15px;
  border:1px solid rgba(114,183,210,.42);
  border-radius:5px;
  color:#d6edf6;
  background:rgba(63,120,145,.12);
  text-decoration:none;
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}

.mysticism-amatea-next-link b{
  color:#72b7d2;
  font-size:15px;
  font-weight:400;
}

.mysticism-amatea-next-link:hover,
.mysticism-amatea-next-link:focus-visible{
  border-color:rgba(114,183,210,.72);
  background:rgba(63,120,145,.2);
  transform:translateY(-1px);
}

.mysticism-hub-return-top{
  margin:18px 0 0!important;
  text-align:right;
}

.mysticism-hub-return-top a{
  color:var(--info-text-soft);
  font-size:10px;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.14);
}

.mysticism-hub-return-top a:hover,
.mysticism-hub-return-top a:focus-visible{
  color:var(--info-h1);
  border-bottom-color:rgba(255,255,255,.32);
}

@media (max-width:700px){
  .mysticism-hub-composition-copy p{font-size:12px;}
  .mysticism-hub-composition-toc li{padding:13px 2px 14px;}
}

/* ==========================================================================
   SECTION 4 : STANDARD CARDS
   INTRODUCTION / GUIDE の横長カード
   ========================================================================== */
.mysticism-card-list{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.mysticism-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 26px;
  align-items:center;
  gap:15px;
  min-height:84px;
  padding:14px 18px;
  border:1px solid var(--info-box-border);
  border-radius:7px;
  color:inherit;
  background:linear-gradient(105deg,var(--info-box-bg-start),var(--info-box-bg-end));
  text-decoration:none;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}

.mysticism-card:hover,
.mysticism-card:focus-visible{
  border-color:var(--info-box-hover-border);
  background:linear-gradient(105deg,var(--info-box-hover-bg-start),var(--info-box-hover-bg-end));
  transform:translateY(-1px);
}

.mysticism-card-no{
  color:#74aac2;
  font:400 18px/1 Georgia,serif;
}

.mysticism-card-body{min-width:0;}

.mysticism-card-body strong{
  display:block;
  margin-bottom:4px;
  color:var(--info-card-title);
  font-size:14px;
}

.mysticism-card-body small{
  display:block;
  color:var(--info-text-soft);
  font-size:10px;
  line-height:1.55;
}

.mysticism-card-arrow{
  color:#72b7d2;
  font-size:17px;
}


/* INTRODUCTION一覧への控えめな導線：カードより目立たせない。 */
.mysticism-introduction-more{
  margin:13px 0 0;
  text-align:right;
  font-size:12px;
  line-height:1.7;
}
.mysticism-introduction-more a{
  color:var(--info-text-soft);
  text-decoration:underline;
  text-underline-offset:3px;
}
.mysticism-introduction-more a:hover,
.mysticism-introduction-more a:focus-visible{color:var(--info-card-title);}

/* ==========================================================================
   SECTION 5 : FIELDS CARD BASE
   全FIELDSカードの共通設定。
   各画像の個別調整は SECTION 6 だけを見ればよい。
   ========================================================================== */
.mysticism-field-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.mysticism-field-card{
  position:relative;
  isolation:isolate;
  display:block;
  overflow:hidden;
  min-height:154px;
  padding:18px 42px 18px 18px;
  border:1px solid var(--info-box-border);
  border-radius:7px;
  color:inherit;
  background:linear-gradient(135deg,rgba(10,30,39,.76),rgba(5,18,26,.86));
  text-decoration:none;
  transition:border-color .18s ease,transform .18s ease;
}

/* 背景画像本体。
   画像URL・明るさ・彩度・位置はカードごとのCSS変数で変更する。 */
.mysticism-field-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:var(--field-bg);
  background-size:cover;
  background-position:var(--field-x,50%) var(--field-y,50%);
  transform:scale(1.02);
  filter:
    brightness(var(--field-brightness,.68))
    saturate(var(--field-saturation,.90))
    contrast(var(--field-contrast,1.02));
  transition:transform .35s ease,filter .35s ease;
}

/* 背景画像上の暗幕。
   左側＝文字保護、右側＝画像を見せる領域。 */
.mysticism-field-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(
      90deg,
      rgba(3,10,15,var(--field-overlay-left,.88)) 0%,
      rgba(4,11,17,var(--field-overlay-mid,.62)) 48%,
      rgba(6,14,21,var(--field-overlay-right,.30)) 100%
    ),
    linear-gradient(
      180deg,
      rgba(5,12,18,.10),
      rgba(5,12,18,var(--field-bottom-shade,.48))
    );
}

.mysticism-field-card:hover,
.mysticism-field-card:focus-visible{
  border-color:var(--info-box-hover-border);
  transform:translateY(-1px);
}

/* hover時は少し明るく＋少しズーム */
.mysticism-field-card:hover::before,
.mysticism-field-card:focus-visible::before{
  transform:scale(1.06);
  filter:
    brightness(var(--field-hover-brightness,.78))
    saturate(var(--field-hover-saturation,1.00))
    contrast(var(--field-hover-contrast,1.04));
}

/* カード内文字は背景より前面へ */
.mysticism-field-card small,
.mysticism-field-card strong,
.mysticism-field-card span,
.mysticism-field-card b{
  position:relative;
  z-index:1;
}

.mysticism-field-card small{
  display:block;
  margin-bottom:7px;
  color:#8fc1d5;
  font:600 8px/1.4 Georgia,serif;
  letter-spacing:.15em;
}

.mysticism-field-card strong{
  display:block;
  margin-bottom:7px;
  color:#f2f7fa;
  font-size:14px;
  text-shadow:0 1px 10px rgba(0,0,0,.45);
}

.mysticism-field-card span{
  display:block;
  max-width:28em;
  color:#d0dde5;
  font-size:10px;
  line-height:1.6;
  text-shadow:0 1px 8px rgba(0,0,0,.38);
}

.mysticism-field-card b{
  position:absolute;
  right:18px;
  bottom:17px;
  color:#96d0e7;
  font-weight:400;
}

/* IMNはPCで1行全幅 */
.mysticism-field-card-wide{
  grid-column:1 / -1;
  min-height:124px;
}


/* ==========================================================================
   SECTION 6 : PER-CARD IMAGE TUNING
   ★ FIELDS背景画像を個別に調整する場所 ★
   各 .field-xxx の --field-x / --field-y を編集する。
   例：--field-x:50%; --field-y:22%;
   Yを増やすと画像の下側、減らすと上側が表示される（cover時）。
   Xを増やすと画像の右側、減らすと左側が表示される。
   画像の縦横比により、変化が小さい軸もある。
   今後「このカードだけもっと明るく」などの場合はここだけ触ればよい。
   ========================================================================== */

/* --------------------------------------------------------------------------
   JUNG / 神秘行とユング心理学
   --------------------------------------------------------------------------
   新しい背景画像は、錬金術図版「太陽と月の結合」をベースに、
   MYSTICISMカテゴリハブの雰囲気へ合わせて加工したもの。

   意図：
   ・ユング心理学と相性のよい「対立物の結合」「アニマ／アニムス」
     「自己の統合」を暗示する
   ・カード背景としては主張しすぎないよう、あくまで「薄く」見せる
   ・人物モチーフは中央配置にして、カード内で象徴性が伝わるようにする

   もっと人物をはっきり見せたい場合：
     --field-brightness を .82～.88
     --field-overlay-mid を .56～.60
     --field-overlay-right を .18～.22

   もっと背景として淡くしたい場合：
     --field-brightness を .70～.76
     --field-overlay-left を .92～.95
   -------------------------------------------------------------------------- */
.field-jung{
  --field-bg:url('../img/mysticism/fields/jung.webp');

  /* 顔を残しつつ前回より下側を表示。X・Yを数字で個別調整 */
  --field-x:50%;
  --field-y:30%;

  /* 薄く背景化しつつ、人物と円環は見える程度に */
  --field-brightness:.78;
  --field-saturation:.86;
  --field-contrast:1.04;

  /* 左は文字保護、中央は人物を少し見せる、右は適度に見せる */
  --field-overlay-left:.93;
  --field-overlay-mid:.61;
  --field-overlay-right:.22;
  --field-bottom-shade:.42;

  /* hover時だけ少し図版が見えやすくなる */
  --field-hover-brightness:.86;
  --field-hover-saturation:.92;
  --field-hover-contrast:1.05;
}

/* --------------------------------------------------------------------------
   AURA / 神秘行とオーラ
   --------------------------------------------------------------------------
   背景画像は、C. W. Leadbeater の古典的なオーラ図版を着想源として
   カード向けに再構成した「人体＋多層オーラ」のビジュアル。

   心霊的現象カード（白い女霊）と明確に差をつけるため、
   こちらは「人体の周囲に層状に広がる色彩・生命エネルギー」を主役にする。

   カードでは画像を薄く敷き、人物・卵形オーラ・金色の発光が
   背景から静かに浮かぶ程度に抑える。

   もっと画像を見せたい場合：
     --field-brightness を .76～.82
     --field-overlay-mid を .60～.64
     --field-overlay-right を .24～.30

   さらに淡くしたい場合：
     --field-brightness を .64～.68
     --field-overlay-left を .94～.96
     --field-overlay-mid を .70～.74
   -------------------------------------------------------------------------- */
.field-aura{
  --field-bg:url('../img/mysticism/fields/aura.webp');

  /* 人物と卵形オーラをカード中央に配置 */
  --field-x:50%;
  --field-y:50%;

  /* 古典図版らしい青黒・金色を残しつつ、背景として一段落とす */
  --field-brightness:.70;
  --field-saturation:.82;
  --field-contrast:1.03;

  /* 左側のカード文字を守り、中央のオーラだけをうっすら見せる */
  --field-overlay-left:.94;
  --field-overlay-mid:.68;
  --field-overlay-right:.31;
  --field-bottom-shade:.42;

  /* hover時だけ人物と多層オーラが少し浮き上がる */
  --field-hover-brightness:.79;
  --field-hover-saturation:.90;
  --field-hover-contrast:1.04;
}

/* --------------------------------------------------------------------------
   SPIRIT / 神秘行と心霊的現象
   --------------------------------------------------------------------------
   新しい背景画像は、暗い霧の中に正面向きで佇む女霊のみを描いた構成。
   オーラカードのような「人物の発光・エネルギー場」とは方向を分け、
   「存在の気配」「霊的出現」「心霊現象」の印象を強める。

   意図：
   ・幽霊そのものは認識できるが、カード背景としては薄く見せる
   ・人物は中央配置
   ・文字可読性を保つため、左側は暗幕をしっかりかける
   ・青白い幽霊の輪郭は残す

   もっと幽霊を目立たせたい場合：
     --field-brightness を .82～.88
     --field-overlay-mid を .54～.58
     --field-overlay-right を .18～.22

   さらに背景として淡くしたい場合：
     --field-brightness を .68～.74
     --field-overlay-left を .94～.96
   -------------------------------------------------------------------------- */
.field-spirit{
  --field-bg:url('../img/mysticism/fields/spirit.webp');

  /* 人物中心の画像なので中央表示 */
  --field-x:50%;
  --field-y:48%;

  /* 幽霊の輪郭を残しつつ背景化 */
  --field-brightness:.76;
  --field-saturation:.76;
  --field-contrast:1.06;

  /* 左は文字保護、中央は幽霊を少し見せる、右も控えめ */
  --field-overlay-left:.94;
  --field-overlay-mid:.60;
  --field-overlay-right:.23;
  --field-bottom-shade:.46;

  /* hover時のみ幽霊の存在感を少し強める */
  --field-hover-brightness:.84;
  --field-hover-saturation:.82;
  --field-hover-contrast:1.08;
}

/* --------------------------------------------------------------------------
   TAO / 仙道
   --------------------------------------------------------------------------
   新しい仙道カード背景：日中の山水・仙境・仙女イメージ。
   右側にある亭・仙女・滝を見せたいので、表示位置をやや右寄せにする。

   「薄く組み込む」ための見え方設定。
   画像は見えるが主張しすぎないよう、やや控えめの明るさ・彩度に調整。

   もっと見せたい場合：
     --field-brightness を .88～.92
     --field-overlay-right を .18 前後まで下げる
   -------------------------------------------------------------------------- */
.field-tao{
  --field-bg:url('../img/mysticism/fields/tao.webp');

  /* 亭・仙女・滝がカード内に入りやすい位置 */
  --field-x:76%;
  --field-y:52%;

  /* 薄く背景化しつつ昼間の山水を見せる */
  --field-brightness:.84;
  --field-saturation:.94;
  --field-contrast:1.00;

  /* 左側はテキスト可読性、右側は景色を少し見せる */
  --field-overlay-left:.92;
  --field-overlay-mid:.64;
  --field-overlay-right:.24;
  --field-bottom-shade:.36;

  /* hover時だけ少しだけ景色を見せる */
  --field-hover-brightness:.90;
  --field-hover-saturation:1.00;
  --field-hover-contrast:1.02;
}

/* --------------------------------------------------------------------------
   IMN / 西洋神秘伝統
   古書・儀式具・西洋秘教モチーフを見せる。
   金色が強すぎないよう彩度は少し抑える。
   -------------------------------------------------------------------------- */
.field-imn{
  --field-bg:url('../img/mysticism/fields/imn.webp');
  --field-x:66%;
  --field-y:70%;
  --field-brightness:.76;
  --field-saturation:.88;
  --field-contrast:1.06;
  --field-overlay-left:.90;
  --field-overlay-mid:.59;
  --field-overlay-right:.20;
  --field-bottom-shade:.42;
  --field-hover-brightness:.85;
  --field-hover-saturation:.96;
  --field-hover-contrast:1.07;
}


/* ==========================================================================
   SECTION 7 : MOBILE / TABLET
   760px以下ではFIELDSを1列にする。
   ========================================================================== */
@media(max-width:760px){
  .category-mysticism #pagebody{
    font-size:14.5px;
    line-height:1.9;
  }

  /* HERO */
  .mysticism-hub-hero{min-height:280px;}
  .mysticism-hub-hero-copy{padding:26px 19px 28px;}
  .mysticism-hub-hero-image{object-position:58% center;}
  .mysticism-hub-hero-shade{
    background:linear-gradient(90deg,rgba(3,9,14,.92),rgba(3,9,14,.60));
  }

  /* INTRODUCTION / GUIDE */
  .mysticism-card{
    grid-template-columns:36px minmax(0,1fr) 20px;
    gap:11px;
    min-height:78px;
    padding:12px 13px;
  }
  .mysticism-card-body strong{font-size:13px;}
  .mysticism-mobile-title-break{display:block;}
  .mysticism-card-body small{font-size:12px;line-height:1.65;}
  .mysticism-field-card span{font-size:12px;line-height:1.65;}
  .mysticism-introduction-more{font-size:12px;}

  /* FIELDS */
  .mysticism-field-grid,
  .mysticism-hub-composition-toc .mysticism-field-grid{grid-template-columns:1fr;}
  .mysticism-field-card{min-height:146px;}
  .mysticism-field-card-wide{grid-column:auto;}

  /* スマホではカード画像が暗く沈みすぎないよう、
     画像の明るさと暗幕をカードごとに少し緩める。 */
  .mysticism-field-card::before{
    filter:
      brightness(var(--field-mobile-brightness,var(--field-brightness,.68)))
      saturate(var(--field-mobile-saturation,var(--field-saturation,.90)))
      contrast(var(--field-mobile-contrast,var(--field-contrast,1.02)));
  }

  .mysticism-field-card::after{
    background:
      linear-gradient(
        90deg,
        rgba(3,10,15,var(--field-mobile-overlay-left,var(--field-overlay-left,.88))) 0%,
        rgba(4,11,17,var(--field-mobile-overlay-mid,var(--field-overlay-mid,.62))) 52%,
        rgba(6,14,21,var(--field-mobile-overlay-right,var(--field-overlay-right,.30))) 100%
      ),
      linear-gradient(
        180deg,
        rgba(5,12,18,var(--field-mobile-top-shade,.10)),
        rgba(5,12,18,var(--field-mobile-bottom-shade,var(--field-bottom-shade,.48)))
      );
  }

  /* スマホ向けの見え方調整：絵が見える範囲まで明るくしつつ、文字は読める状態を維持。 */
  .field-jung{
    --field-mobile-brightness:.96;
    --field-mobile-saturation:.90;
    --field-mobile-contrast:1.05;
    --field-mobile-overlay-left:.86;
    --field-mobile-overlay-mid:.50;
    --field-mobile-overlay-right:.15;
    --field-mobile-bottom-shade:.38;
  }

  .field-aura{
    --field-mobile-brightness:.86;
    --field-mobile-saturation:.88;
    --field-mobile-contrast:1.04;
    --field-mobile-overlay-left:.88;
    --field-mobile-overlay-mid:.54;
    --field-mobile-overlay-right:.20;
    --field-mobile-bottom-shade:.38;
  }

  .field-spirit{
    --field-mobile-brightness:.88;
    --field-mobile-saturation:.82;
    --field-mobile-contrast:1.08;
    --field-mobile-overlay-left:.88;
    --field-mobile-overlay-mid:.49;
    --field-mobile-overlay-right:.15;
    --field-mobile-bottom-shade:.40;
  }

  .field-tao{
    --field-mobile-brightness:.92;
    --field-mobile-saturation:1.00;
    --field-mobile-contrast:1.02;
    --field-mobile-overlay-left:.80;
    --field-mobile-overlay-mid:.40;
    --field-mobile-overlay-right:.10;
    --field-mobile-top-shade:.06;
    --field-mobile-bottom-shade:.28;
  }

  .field-imn{
    --field-mobile-brightness:.88;
    --field-mobile-saturation:.96;
    --field-mobile-contrast:1.08;
    --field-mobile-overlay-left:.85;
    --field-mobile-overlay-mid:.47;
    --field-mobile-overlay-right:.13;
    --field-mobile-bottom-shade:.36;
  }
}

/* ==========================================================================
   SECTION 8 : INTRODUCTION / ARTICLE PAGES
   Informationカテゴリの記事本文と同じ読みやすさを基準にしつつ、
   MYSTICISMの色調だけを維持する。
   ========================================================================== */
.category-mysticism.page-type-article #pagebody{
  color:var(--info-text);
  font-family:"Yu Gothic","Noto Sans JP",Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;
  font-size:15px;
  line-height:1.95;
  letter-spacing:.01em;
}

.category-mysticism.page-type-article #pagebody p,
.category-mysticism.page-type-article #pagebody li,
.category-mysticism.page-type-article #pagebody dd,
.category-mysticism.page-type-article #pagebody td,
.category-mysticism.page-type-article #pagebody th{
  font-family:inherit;
  line-height:1.95;
}

.category-mysticism.page-type-article #pagebody > p,
.category-mysticism.page-type-article #pagebody section > p{
  margin-bottom:1.35em;
}

.mysticism-article-separator{
  margin:26px 0;
  border:0;
  border-top:1px solid var(--info-line);
}

.mysticism-article-figure{
  margin:28px auto;
  text-align:center;
}

.mysticism-article-figure-float{
  float:right;
  max-width:42%;
  margin:6px 0 20px 24px;
}

.mysticism-article-emphasis{
  margin:24px auto!important;
  color:var(--info-h1);
  font-size:1.22em;
  line-height:1.85!important;
  text-align:center;
}

.mysticism-article-figure img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  margin:0 auto;
  border:1px solid var(--info-line);
  border-radius:6px;
}


/* Various mysticism: yoga / Kabbalah only. Contain the desktop float so later sections do not wrap. */
.mysticism-article-illustrated{
  display:flow-root;
}

.mysticism-article-illustrated .mysticism-article-figure-subdued{
  float:right;
  width:50%;
  margin:0 0 18px 22px;
}

/* Kabbalah only: image on the left; text wraps along its right side. */
.mysticism-article-illustrated .mysticism-article-figure-left{
  float:left;
  margin:0 22px 18px 0;
}

.mysticism-article-figure-subdued img{
  width:100%;
  max-width:100%;
  filter:brightness(.86);
}

.mysticism-article-figure-purpose{
  width:50%;
  max-width:390px;
}

.mysticism-article-figure-purpose img{
  width:100%;
  max-width:100%;
  filter:brightness(.86);
}

@media (max-width:760px){
  .mysticism-article-illustrated{
    display:flex;
    flex-direction:column;
  }

  /* Figure comes first in the markup for desktop text wrapping, but after all text on mobile. */
  .mysticism-article-illustrated .mysticism-article-figure-subdued{
    order:1;
    float:none;
    width:100%;
    max-width:100%;
    margin:22px 0 28px;
  }
  .mysticism-article-illustrated .mysticism-article-figure-left{
    float:none;
    margin:22px 0 28px;
  }

  .mysticism-article-figure-purpose{
    width:100%;
    max-width:100%;
    margin:22px 0 28px;
  }
}

/* INTRODUCTION / long-form reading aids */
.mysticism-intro-summary,
.mysticism-reading-note,
.mysticism-reading-map{
  margin:0 0 30px;
  padding:18px 20px;
  border:1px solid var(--info-line);
  border-left:3px solid rgba(88,198,224,.72);
  border-radius:4px;
  background:linear-gradient(135deg,rgba(8,28,39,.84),rgba(5,18,27,.74));
  box-shadow:0 10px 30px rgba(0,0,0,.10);
}

.mysticism-intro-summary-kicker,
.mysticism-reading-map-kicker{
  margin:0 0 4px!important;
  color:var(--info-accent);
  font:600 9px/1.4 Georgia,serif;
  letter-spacing:.18em;
}

.mysticism-intro-summary-title,
.mysticism-reading-map-title{
  margin:0 0 10px!important;
  color:var(--info-h1);
  font-family:"Noto Serif JP","Yu Mincho",Georgia,serif;
  font-size:18px;
  line-height:1.6!important;
}

.mysticism-intro-summary ul{
  margin:0;
  padding-left:1.35em;
}
.mysticism-intro-summary li{
  margin:.38em 0;
  color:var(--info-text);
}

.mysticism-profile-facts{
  display:grid;
  grid-template-columns:1fr;
  width:max-content;
  max-width:100%;
  gap:1px;
  margin:24px 0 34px;
  padding:1px;
  border:1px solid var(--info-line);
  border-radius:4px;
  background:var(--info-line);
  overflow:hidden;
}
.mysticism-profile-facts > div{
  display:grid;
  grid-template-columns:5.8em minmax(0,1fr);
  column-gap:18px;
  align-items:start;
  min-width:0;
  padding:12px 16px 13px;
  background:rgba(5,18,27,.94);
}
.mysticism-profile-facts dt{
  margin:0;
  color:var(--info-accent);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  white-space:nowrap;
}
.mysticism-profile-facts dd{
  margin:0;
  color:var(--info-text);
  font-size:13px;
  line-height:1.65!important;
}

.mysticism-article-quote{
  margin:34px 0 38px;
  padding:0 4px;
  border:0;
  background:none;
}
.mysticism-article-quote::before{
  content:none;
}
.mysticism-article-quote p{
  margin:0!important;
  color:#d7bf83;
  font-family:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro","Noto Serif JP",serif!important;
  font-size:25px;
  font-weight:500;
  letter-spacing:.025em;
  line-height:1.75!important;
  text-align:center;
  text-shadow:0 0 14px rgba(215,191,131,.10);
}

.mysticism-reading-note strong{
  display:block;
  margin:0 0 6px;
  color:var(--info-h1);
  font-family:"Noto Serif JP","Yu Mincho",Georgia,serif;
  font-size:16px;
  font-weight:500;
}
.mysticism-reading-note p{
  margin:0!important;
  color:var(--info-text);
  font-size:13px;
  line-height:1.85!important;
}

.mysticism-reading-map{margin-top:26px;}
.mysticism-reading-map-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.mysticism-reading-map-grid a{
  position:relative;
  display:flex;
  min-width:0;
  min-height:112px;
  flex-direction:column;
  padding:14px 15px 15px;
  border:1px solid rgba(120,177,198,.18);
  border-radius:3px;
  color:var(--info-text);
  background:rgba(2,12,18,.46);
  text-decoration:none;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.mysticism-reading-map-grid a:last-child{grid-column:1/-1;}
.mysticism-reading-map-grid a:hover{
  transform:translateY(-1px);
  border-color:rgba(117,197,233,.42);
  background:rgba(7,28,39,.72);
}
.mysticism-reading-map-grid small{
  margin-bottom:5px;
  color:var(--info-accent);
  font:600 9px/1.35 Georgia,serif;
  letter-spacing:.12em;
}
.mysticism-reading-map-grid strong{
  margin-bottom:6px;
  color:var(--info-h1);
  font-family:"Noto Serif JP","Yu Mincho",Georgia,serif;
  font-size:15px;
  font-weight:500;
  line-height:1.55;
}
.mysticism-reading-map-grid span{
  color:var(--info-text);
  font-size:11px;
  line-height:1.75;
}

/* INTRODUCTION section index */
.mysticism-intro-hero{
  margin:0 0 28px;
  padding:8px 0 22px;
  border-bottom:1px solid var(--info-line);
}

.mysticism-intro-kicker{
  margin:0 0 7px!important;
  color:var(--info-accent);
  font:600 9px/1.4 Georgia,serif;
  letter-spacing:.20em;
}

.mysticism-intro-hero h1{
  margin:0 0 16px!important;
  color:var(--info-h1)!important;
  font:400 clamp(31px,4vw,48px)/1.35 "Noto Serif JP","Yu Mincho",Georgia,serif!important;
}

.mysticism-intro-lead{
  max-width:760px;
  margin:0!important;
  color:var(--info-text);
  font-size:13px;
  line-height:1.95;
}

@media (max-width:760px){
  .mysticism-article-figure-float{
    float:none;
    max-width:100%;
    margin:24px auto;
  }

  .category-mysticism.page-type-article #pagebody{
    font-size:14.5px;
    line-height:1.9;
  }
  .category-mysticism.page-type-article #pagebody p,
  .category-mysticism.page-type-article #pagebody li,
  .category-mysticism.page-type-article #pagebody dd,
  .category-mysticism.page-type-article #pagebody td,
  .category-mysticism.page-type-article #pagebody th{
    line-height:1.9;
  }

  .mysticism-intro-summary,
  .mysticism-reading-note,
  .mysticism-reading-map{
    padding:15px 16px;
  }
  .mysticism-profile-facts{width:100%;}
  .mysticism-profile-facts > div{
    grid-template-columns:1fr;
    row-gap:4px;
  }
  .mysticism-reading-map-grid{grid-template-columns:1fr;}
  .mysticism-reading-map-grid a:last-child{grid-column:auto;}
  .mysticism-article-quote{padding:0 2px;}
  .mysticism-article-quote p{font-size:24px;}
}


@media (max-width:700px){
  .mysticism-amatea-next{padding:18px 16px;}
  .mysticism-amatea-next h3{font-size:18px;}
  .mysticism-amatea-next-link{display:flex;justify-content:space-between;width:100%;box-sizing:border-box;}
  .mysticism-hub-return-top{text-align:center;}
}


/* ==========================================================================
   SECTION 10 : JUNG PSYCHOLOGY
   Informationの読みやすさを継承しつつ、PCのindexは章立てテーブル、
   mobileはタップしやすい縦リスト。心理学と神秘行的解釈も視覚的に分ける。
   ========================================================================== */

.mysticism-jung-hero{
  position:relative;
  min-height:310px;
  display:flex;
  align-items:flex-end;
  margin:0 0 34px;
  padding:38px 38px 34px;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:
    linear-gradient(90deg,rgba(2,8,12,.82) 0%,rgba(2,8,12,.50) 40%,rgba(2,8,12,.10) 72%,rgba(2,8,12,.04) 100%),
    url("../img/mysticism/jung/jung-hero.png") center center/cover no-repeat;
}
.mysticism-jung-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(2,8,12,.72) 0%,rgba(2,8,12,.08) 58%,transparent 100%);
}
.mysticism-jung-hero-copy{position:relative;z-index:1;max-width:660px;}
.mysticism-jung-hero h1{margin:0 0 14px;text-shadow:0 2px 20px rgba(0,0,0,.58);}
.mysticism-jung-hero-copy>p:last-child{max-width:620px;margin:0;color:#d0d9dc;line-height:1.9;text-shadow:0 1px 12px rgba(0,0,0,.72);}
.mysticism-jung-introduction{margin:0 0 42px;}
.mysticism-jung-introduction h2{margin-top:0;}
.mysticism-jung-contents{margin-top:0;}
.mysticism-jung-reference{margin-top:44px;}

.mysticism-jung-chapter{margin:0 0 34px;}
.mysticism-jung-chapter-heading{display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;align-items:start;margin:0 0 10px;padding:0 2px 9px;border-bottom:1px solid rgba(120,177,198,.22);}
.mysticism-jung-chapter-no{color:var(--info-accent);font:600 10px/1.5 Georgia,serif;letter-spacing:.11em;padding-top:5px;}
.mysticism-jung-chapter-heading small{display:block;margin:0 0 3px;color:var(--info-text-sub);font:600 9px/1.4 Georgia,serif;letter-spacing:.12em;}
.mysticism-jung-chapter-heading h3{margin:0!important;color:var(--info-h1);font-family:"Noto Serif JP","Yu Mincho",Georgia,serif;font-size:18px;font-weight:500;line-height:1.55;}
.mysticism-jung-chapter-heading p{margin:5px 0 0!important;color:var(--info-text-sub);font-size:12px;line-height:1.75!important;}

.mysticism-jung-index-table{border-top:1px solid rgba(120,177,198,.16);}
.mysticism-jung-index-head{display:grid;grid-template-columns:54px minmax(190px,.9fr) minmax(260px,1.5fr) 24px;gap:14px;padding:7px 9px;border-bottom:1px solid rgba(120,177,198,.18);color:rgba(138,183,198,.56);font:600 8px/1.4 Georgia,serif;letter-spacing:.12em;}
.mysticism-jung-index-row{display:grid;grid-template-columns:54px minmax(190px,.9fr) minmax(260px,1.5fr) 24px;gap:14px;align-items:center;min-height:66px;padding:8px 9px;border-bottom:1px solid rgba(120,177,198,.14);color:var(--info-text);text-decoration:none;transition:background .16s ease,border-color .16s ease;}
.mysticism-jung-index-row:hover{background:rgba(25,64,79,.20);border-bottom-color:rgba(120,207,228,.30);}
.mysticism-jung-index-no{color:rgba(134,190,209,.70);font:600 10px/1 Georgia,serif;letter-spacing:.08em;}
.mysticism-jung-index-title{color:var(--info-h1);font-size:14px;font-weight:600;line-height:1.55;}
.mysticism-jung-index-summary{color:var(--info-text-sub);font-size:11.5px;line-height:1.7;}
.mysticism-jung-index-arrow{color:var(--info-accent);font-size:15px;text-align:right;}

.mysticism-jung-reference-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.mysticism-jung-reference-list>a{position:relative;display:flex;flex-direction:column;min-height:122px;padding:17px 42px 17px 17px;border:1px solid rgba(120,177,198,.20);border-radius:4px;background:rgba(3,14,20,.36);color:var(--info-text);text-decoration:none;}
.mysticism-jung-reference-list small{margin-bottom:7px;color:var(--info-accent);font:600 9px/1.3 Georgia,serif;letter-spacing:.13em;}
.mysticism-jung-reference-list strong{margin-bottom:7px;color:var(--info-h1);font-family:"Noto Serif JP","Yu Mincho",Georgia,serif;font-size:15px;font-weight:500;}
.mysticism-jung-reference-list span{color:var(--info-text-sub);font-size:11px;line-height:1.7;}
.mysticism-jung-reference-list b{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--info-accent);font-weight:400;}

.mysticism-jung-article .center{text-align:center;}
.mysticism-jung-article .imgr{float:right;max-width:38%;margin:4px 0 20px 24px;}
.mysticism-jung-article .center img,.mysticism-jung-article .imgr img{max-width:100%;height:auto;border:1px solid var(--info-line);border-radius:5px;}
.mysticism-jung-article .scrollable-table{max-width:100%;margin:24px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.mysticism-jung-article table{width:100%;border-collapse:collapse;background:rgba(8,17,24,.28);}
.mysticism-jung-article th,.mysticism-jung-article td{padding:10px 12px;border:1px solid var(--info-line);vertical-align:top;}
.mysticism-jung-article .font10{margin-top:7px;color:var(--info-text-sub);font-size:11px;}

.mysticism-jung-consciousness-map{max-width:650px;margin:28px auto 34px;padding:20px 22px 22px;border:1px solid rgba(120,177,198,.18);border-radius:5px;background:rgba(4,15,21,.34);}
.mysticism-jung-map-label{margin:0 0 14px!important;color:var(--info-accent);font:600 9px/1.3 Georgia,serif!important;letter-spacing:.16em;text-align:center;}
.mysticism-jung-map-layer{max-width:500px;margin:0 auto;padding:12px 15px;border:1px solid rgba(120,177,198,.22);border-radius:3px;text-align:center;}
.mysticism-jung-map-layer strong{display:block;color:var(--info-h1);font-family:"Noto Serif JP","Yu Mincho",Georgia,serif;font-size:16px;font-weight:500;}
.mysticism-jung-map-layer span{display:block;margin-top:3px;color:var(--info-text-sub);font-size:11px;line-height:1.65;}
.mysticism-jung-map-layer.is-conscious{background:rgba(63,125,145,.13);}
.mysticism-jung-map-layer.is-personal{max-width:550px;background:rgba(46,86,109,.13);}
.mysticism-jung-map-layer.is-collective{max-width:600px;background:rgba(51,60,94,.16);}
.mysticism-jung-map-arrow{height:26px;color:rgba(127,195,216,.54);font-size:15px;line-height:26px;text-align:center;}

.mysticism-jung-viewpoint{margin:24px 0;padding:14px 16px;border-top:1px solid rgba(120,177,198,.20);border-bottom:1px solid rgba(120,177,198,.20);}
.mysticism-jung-viewpoint small{display:block;margin-bottom:5px;color:var(--info-accent);font:600 9px/1.4 Georgia,serif;letter-spacing:.14em;}
.mysticism-jung-viewpoint strong{display:block;margin-bottom:5px;color:var(--info-h1);font-family:"Noto Serif JP","Yu Mincho",Georgia,serif;font-size:15px;font-weight:500;}
.mysticism-jung-viewpoint span{display:block;color:var(--info-text-sub);font-size:11.5px;line-height:1.75;}
.mysticism-jung-viewpoint.is-mystic{border-color:rgba(198,166,107,.28);}
.mysticism-jung-viewpoint.is-mystic small{color:#c7ad78;}

/* REFERENCE: 各書籍を独立カードとして明示。本文の情報は省略せず保存する。 */
.mysticism-jung-book-list{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:24px 0 36px;}
.mysticism-jung-book{min-width:0;margin:0;padding:21px 23px 23px;border:1px solid rgba(120,177,198,.27);border-radius:7px;background:linear-gradient(155deg,rgba(18,41,51,.67),rgba(5,17,24,.77));box-shadow:inset 0 1px rgba(212,239,248,.055),0 9px 24px rgba(0,0,0,.12);}
.mysticism-jung-book h3{margin:0 0 13px!important;padding:0 0 12px;border-bottom:1px solid rgba(120,177,198,.21);color:var(--info-h1);font-family:"Noto Serif JP","Yu Mincho",Georgia,serif;font-size:18px;font-weight:500;line-height:1.6;overflow-wrap:anywhere;}
.mysticism-jung-book-detail{padding:0;color:var(--info-text);font-size:13px;line-height:1.95;overflow-wrap:anywhere;}
@media(max-width:760px){.mysticism-jung-book-list{gap:13px;margin-top:20px}.mysticism-jung-book{padding:17px 16px 19px}.mysticism-jung-book h3{font-size:17px}}
.mysticism-jung-book-detail a{overflow-wrap:anywhere;}
.mysticism-jung-link-list{margin:10px 0 30px;border-top:1px solid rgba(120,177,198,.16);}
.mysticism-jung-link-list a{display:flex;justify-content:space-between;gap:20px;padding:13px 4px;border-bottom:1px solid rgba(120,177,198,.14);text-decoration:none;}
.mysticism-jung-link-list strong{color:var(--info-h1);font-size:13px;font-weight:500;}
.mysticism-jung-link-list span{flex:none;color:var(--info-accent);font-size:10px;white-space:nowrap;}

@media(max-width:760px){
  .mysticism-jung-section-label{margin-bottom:8px;font-size:9px;gap:6px;}
  .mysticism-jung-hero{min-height:260px;padding:24px 18px 24px;background-position:center center;}
  .mysticism-jung-hero::after{background:linear-gradient(0deg,rgba(2,8,12,.82) 0%,rgba(2,8,12,.22) 62%,rgba(2,8,12,.04) 100%);}
  .mysticism-jung-chapter{margin-bottom:32px;}
  .mysticism-jung-chapter-heading{grid-template-columns:1fr;gap:3px;padding-bottom:10px;}
  .mysticism-jung-chapter-no{padding-top:0;}
  .mysticism-jung-index-head{display:none;}
  .mysticism-jung-index-row{grid-template-columns:36px minmax(0,1fr) 20px;gap:8px;align-items:start;min-height:0;padding:13px 2px;}
  .mysticism-jung-index-no{padding-top:4px;}
  .mysticism-jung-index-title{font-size:14px;}
  .mysticism-jung-index-summary{grid-column:2/3;margin-top:4px;font-size:11px;}
  .mysticism-jung-index-arrow{grid-column:3;grid-row:1/3;align-self:center;}
  .mysticism-jung-reference-list{grid-template-columns:1fr;}
  .mysticism-jung-consciousness-map{padding:17px 14px 18px;}
  .mysticism-jung-article .imgr{float:none;max-width:100%;margin:20px auto;text-align:center;}
  .mysticism-jung-link-list a{align-items:flex-start;}
}

/* JUNG参考書籍：データ駆動カードの広告リンク。文章・外部参考文献は維持。 */
.mysticism-jung-affiliate-notice{margin:14px 0 22px;padding:11px 14px;border-left:2px solid rgba(170,194,198,.52);background:rgba(34,48,53,.35);color:var(--info-text);font-size:12px;line-height:1.8}
.mysticism-jung-book-purchase{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:18px 0 0;padding-top:13px;border-top:1px solid rgba(120,177,198,.18)}
.mysticism-jung-book-purchase a{color:#e1d1a9;font-size:14px;line-height:1.65;text-decoration:underline;text-underline-offset:4px}
.mysticism-jung-book-purchase a:hover,.mysticism-jung-book-purchase a:focus-visible{color:#fff5db}
.mysticism-jung-book-ad-label{font-size:11px;color:#b6c4c7}
.mysticism-jung-book-no-link{color:#b6c4c7;font-size:12px;margin:14px 0 0}

/* JUNG / Archetypes: illustrated descriptions; other articles unchanged. */
.mysticism-jung-archetype-entry{display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,31%,245px);gap:22px;align-items:start;margin:19px 0 29px;padding:18px 0 22px;border-bottom:1px solid rgba(120,177,198,.20)}
.mysticism-jung-archetype-entry .mysticism-jung-archetype-copy{min-width:0}
.mysticism-jung-archetype-entry h3{margin-top:0!important}
.mysticism-jung-archetype-entry .mysticism-jung-archetype-copy p:last-child{margin-bottom:0}
.mysticism-jung-archetype-art{margin:0;min-width:0}
.mysticism-jung-archetype-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid rgba(148,184,196,.32);border-radius:5px;background:#101e2a}
.mysticism-jung-archetype-note{color:var(--info-text-sub);font-size:12px;line-height:1.75}
@media(max-width:760px){.mysticism-jung-archetype-entry{grid-template-columns:minmax(0,1fr);gap:14px;margin:15px 0 23px;padding:12px 0 21px}.mysticism-jung-archetype-art{width:min(100%,380px);margin:0 auto}.mysticism-jung-archetype-note{font-size:11px}}

/* JUNG / projection: illustration alongside the concept, consistent with archetype artwork. */
.mysticism-jung-projection-entry{display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,31%,245px);gap:22px;align-items:start;margin:19px 0 22px;padding:18px 0 20px;border-bottom:1px solid rgba(120,177,198,.20)}
.mysticism-jung-projection-copy{min-width:0}
.mysticism-jung-projection-copy h2{margin-top:0!important}
.mysticism-jung-projection-copy p:last-child{margin-bottom:0}
.mysticism-jung-projection-art{margin:0;min-width:0}
.mysticism-jung-projection-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid rgba(148,184,196,.32);border-radius:5px;background:#101e2a}
.mysticism-jung-projection-note{color:var(--info-text-sub);font-size:12px;line-height:1.75}
@media(max-width:760px){.mysticism-jung-projection-entry{grid-template-columns:minmax(0,1fr);gap:14px;margin:15px 0 23px;padding:12px 0 21px}.mysticism-jung-projection-art{width:min(100%,380px);margin:0 auto}.mysticism-jung-projection-note{font-size:11px}}

/* JUNG article reading design: archetype.html の古紙・青灰・鈍い金を全記事へ共有。
   ハブとINTRODUCTIONには影響させない。元型自身の独自画像レイアウトは維持。 */
.category-mysticism.page-type-article #pagebody.jung-unified-reading{
  --jung-bg:#1b2026;
  --jung-bg-soft:#232a31;
  --jung-paper:#ece3cf;
  --jung-paper-strong:#f5eedf;
  --jung-ink:#2a2925;
  --jung-ink-soft:#4e4a42;
  --jung-gold:#baa16e;
  --jung-gold-deep:#9f8657;
  --jung-line:rgba(186,161,110,.26);
  color:#e9e1d2;
  background:radial-gradient(circle at top right,rgba(186,161,110,.08),transparent 30%),linear-gradient(180deg,#1c2127 0%,#161b20 100%);
  padding-bottom:32px;
}
.category-mysticism.page-type-article #pagebody.jung-unified-reading > .mysticism-jung-kicker{
  color:var(--jung-gold);
  letter-spacing:.14em;
  font-size:.78rem;
  margin-bottom:12px;
}
.category-mysticism.page-type-article #pagebody.jung-unified-reading > h1{
  color:var(--jung-paper-strong)!important;
  margin-bottom:14px!important;
}
.category-mysticism.page-type-article #pagebody.jung-unified-reading > p{
  color:rgba(236,227,207,.90);
  line-height:1.95;
}
.category-mysticism.page-type-article #pagebody.jung-unified-reading > h2{
  box-sizing:border-box;
  margin:36px 0 18px!important;
  padding:17px 22px 18px!important;
  border:1px solid rgba(198,172,124,.64)!important;
  border-left:3px solid #b9a171!important;
  border-radius:12px!important;
  color:#312b20!important;
  background-color:#e9dfc9!important;
  background-image:radial-gradient(ellipse at 10% 20%,rgba(255,255,255,.34),transparent 48%),radial-gradient(ellipse at 88% 82%,rgba(149,113,59,.12),transparent 48%),repeating-linear-gradient(0deg,rgba(121,94,51,.025) 0 1px,transparent 1px 7px),linear-gradient(115deg,#f1ead9 0%,#e4d5b8 55%,#f0e6d2 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 7px 18px rgba(0,0,0,.16)!important;
  text-shadow:none;
  overflow:hidden;
}
.category-mysticism.page-type-article #pagebody.jung-unified-reading > h3{
  color:var(--jung-paper-strong);
  border-bottom:1px solid var(--jung-line);
  padding-bottom:9px;
}
/* 既存の図・参考資料・解釈注記の意味や配置は保ちながら同じ素材感に統一。 */
#pagebody.jung-unified-reading .mysticism-jung-viewpoint{
  border:1px solid var(--jung-line);
  border-left:3px solid var(--jung-gold);
  border-radius:12px;
  padding:16px 20px;
  background:rgba(232,223,204,.07);
}
#pagebody.jung-unified-reading .mysticism-jung-viewpoint small,
#pagebody.jung-unified-reading .mysticism-jung-viewpoint.is-mystic small{
  color:var(--jung-gold);
}
#pagebody.jung-unified-reading .mysticism-jung-viewpoint strong{color:var(--jung-paper-strong);}
#pagebody.jung-unified-reading .mysticism-jung-viewpoint span{color:rgba(236,227,207,.85);}
#pagebody.jung-unified-reading .mysticism-jung-consciousness-map,
#pagebody.jung-unified-reading .mysticism-jung-book,
#pagebody.jung-unified-reading .mysticism-jung-book-list > article,
#pagebody.jung-unified-reading .mysticism-jung-article-figure{
  border:1px solid rgba(159,134,87,.24);
  border-radius:18px;
  background:linear-gradient(180deg,var(--jung-paper-strong),var(--jung-paper));
  color:var(--jung-ink);
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
#pagebody.jung-unified-reading .mysticism-jung-book h3,
#pagebody.jung-unified-reading .mysticism-jung-book-detail,
#pagebody.jung-unified-reading .mysticism-jung-book-detail p{color:var(--jung-ink-soft);}
#pagebody.jung-unified-reading .mysticism-jung-book h3{color:#453825;}
#pagebody.jung-unified-reading .mysticism-jung-consciousness-map .mysticism-jung-map-label,
#pagebody.jung-unified-reading .mysticism-jung-map-arrow{color:var(--jung-gold-deep);}
#pagebody.jung-unified-reading .mysticism-jung-map-layer{
  border-color:rgba(159,134,87,.28);
  background:rgba(186,161,110,.08);
}
#pagebody.jung-unified-reading .mysticism-jung-map-layer strong{color:#453825;}
#pagebody.jung-unified-reading .mysticism-jung-map-layer span{color:var(--jung-ink-soft);}
#pagebody.jung-unified-reading .mysticism-jung-link-list{border-color:var(--jung-line);}
#pagebody.jung-unified-reading .mysticism-jung-link-list a{border-color:var(--jung-line);}
#pagebody.jung-unified-reading .mysticism-jung-link-list strong{color:var(--jung-paper-strong);}
#pagebody.jung-unified-reading .mysticism-jung-link-list span{color:var(--jung-gold);}
#pagebody.jung-unified-reading table{background:rgba(186,161,110,.07);}
#pagebody.jung-unified-reading th,
#pagebody.jung-unified-reading td{border-color:var(--jung-line);}
#pagebody.jung-unified-reading .font10{color:var(--jung-gold);}
#pagebody.jung-unified-reading a{text-underline-offset:3px;}
#pagebody.jung-unified-reading .mysticism-jung-book-detail a{color:#70552d;}
#pagebody.jung-unified-reading .mysticism-jung-book-purchase a{color:#e1d1a9;}
@media(max-width:760px){
  .category-mysticism.page-type-article #pagebody.jung-unified-reading > h2{
    margin:30px 0 15px!important;
    padding:14px 16px!important;
  }
  #pagebody.jung-unified-reading .mysticism-jung-viewpoint{padding:14px 16px;}
}