/* ============================================================
   Trust Refresh — 重厚・堅実（金融/コンサル系）リデザイン上書きレイヤー
   最後に enqueue され、critical(inline)/style.css/各部品 CSS を後勝ちで上書きする。
   方針: 参考準拠の幾何学タイポ（英字Jost / 和文Zen Kaku Gothic New）/ 大型英字見出し / 矢印ピル /
         配色は uravation 既存ブランドティール（#00d9ff 系 + #00BCD4 ハイライト）。
   既存トークン経由の箇所は :root 再定義で一括追従、ハードコード箇所のみ個別上書き。
   ============================================================ */

/* ---- 1. デザイントークン再定義（var(--*) 使用箇所を一括で寄せる） ---- */
/* 配色は uravation 既存ブランドカラー（ティール）を採用。タイポ/レイアウト/矢印ピルは新デザイン維持。 */
:root {
  /* Surfaces — uravation 既存の涼やかな白 */
  --color-bg:        #f5f1e8;
  --color-bg-alt:    #efeadf;
  --color-surface:   #FFFFFF;

  /* Ink — uravation 既存のインク */
  --ink:    #0a1628;
  --ink-2:  #1C2A3A;
  --ink-3:  #2D3E50;

  /* アクセント = uravation ブランドティール */
  --accent:       #00d9ff;
  --accent-dark:  #0099cc;
  --accent-deep:  #006e8f;
  --accent-light: #bdf3ff;
  --accent-soft:  #bdf3ff;
  --accent-bg:    rgba(0, 217, 255, 0.06);

  --color-primary:       #00d9ff;
  --color-primary-dark:  #0099cc;
  --color-primary-light: #bdf3ff;
  --color-primary-bg:    rgba(0, 217, 255, 0.06);
  --color-accent:        #00d9ff;

  /* かつてのゴールド枠を“ブランドのハイライト”へ再マップ＝旧 var(--metal*) が自動でティール/シアン化。
     明地の罫/文字＝ティール、濃地の上で映えるハイライト＝ブライトシアン。 */
  --metal:       #00BCD4;   /* 罫線・装飾（濃地の上罫にも映えるブライトシアン） */
  --metal-soft:  #2BD4E6;   /* 濃地の上の文字・数字ハイライト */
  --metal-ink:   #00d9ff;   /* 明地の上の文字（ブランドティール） */

  /* テキスト */
  --color-text:        #0a1628;
  --color-text-2:      #2D3E50;
  --color-text-light:  #475569;

  --color-border: rgba(15, 23, 42, 0.10);
  --color-bg-dark: #0a1628;

  --radius-card: 16px; /* v2 FIELD PROOF: style.css(:root)と整合。顔写真=角丸16px規律(§5-5) */

  /* 影 — 引き締まった薄い影＋ヘアライン主体（ブランドティールの陰影） */
  --shadow-card:       0 1px 2px rgba(10, 22, 40, 0.06), 0 10px 28px rgba(10, 22, 40, 0.08);
  --shadow-card-hover: 0 2px 4px rgba(10, 22, 40, 0.08), 0 18px 44px rgba(10, 22, 40, 0.14);
  --shadow-1: 0 1px 2px rgba(10, 22, 40, 0.06), 0 10px 28px rgba(10, 22, 40, 0.08);
  --shadow-2: 0 2px 4px rgba(10, 22, 40, 0.08), 0 18px 44px rgba(10, 22, 40, 0.14);
  --shadow-3: 0 4px 8px rgba(10, 22, 40, 0.10), 0 28px 64px rgba(10, 22, 40, 0.18);
  --shadow-btn:       0 6px 18px rgba(10, 22, 40, 0.12);
  --shadow-btn-hover: 0 10px 26px rgba(10, 22, 40, 0.18);

  --hairline: 1px solid rgba(15, 23, 42, 0.10);

  /* v2 FIELD PROOF: タイポは style.css(:root) の正に整合（JetBrains Mono / system和文）。
     旧Jost/Zen Kakuの幾何学タイポ指定は後読みカスケードで v2 を壊すため撤去。 */
  --font-display: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; /* ROUND PASS: 本番準拠 */
  --font-en: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-ja: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;

  /* ピル形状（参考の Explore↗ ボタンに合わせ角丸へ戻す） */
  --radius-btn: 999px;
}

body {
  background: var(--color-bg);
  font-family: var(--font-ja);
}

/* ---- 2. 見出し＝幾何学ゴシック（参考の文字の使い方）。明朝は廃止 ---- */
/* 和文見出しは Zen Kaku Gothic New ボールド＋やや詰めたトラッキング */
h1, h2, h3, h4,
.p-hero__title,
.p-section-heading__title,
.p-page-hero__title,
.p-about__lead,
.p-cta__title,
.c-heading-primary {
  font-family: var(--font-ja);
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* 大型の英字ディスプレイ＝Jost セミボールド＋タイトな負トラッキング（参考の VISION 風） */
.p-hero__eyebrow,
.c-section-heading__title,
.p-section-heading__eyebrow,
.c-heading-primary__en,
.p-stats__number,
.p-service-top-card__number,
.c-section-heading__number {
  font-family: var(--font-display);
}
/* 英字セクション見出し（ABOUT / SERVICE …）を参考準拠で大型・タイト・非ワイド化 */
.c-section-heading__title {
  font-weight: 600;
  font-size: clamp(3.6rem, 5vw, 5.6rem);
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
/* 和文サブは控えめなゴシックの支え（参考の英字主役・和文従える構造） */
.c-section-heading__sub {
  font-family: var(--font-ja);
  font-weight: 500;
  color: var(--color-text-light);
  letter-spacing: 0.08em;
}

/* ---- 3. ヒーロー：明るいシアン → 濃紺の重厚ヒーロー ---- */
.p-hero__bg-animated {
  background: linear-gradient(135deg, #042027 0%, #00606e 52%, #04323a 100%);
}
/* 背景動画は暗いテクスチャとして残す（消さず“質感”に） */
.p-hero__bg-video {
  filter: brightness(0.42) saturate(0.85) contrast(1.02);
  transform: scale(1.04);
}
/* 左から濃紺で落とし、左テキストの可読性を担保 */
.p-hero__bg-animated::before {
  background:
    linear-gradient(90deg, rgba(8,16,28,0.88) 0%, rgba(8,16,28,0.66) 52%, rgba(8,16,28,0.44) 100%),
    linear-gradient(180deg, rgba(8,16,28,0.30) 0%, rgba(8,16,28,0.10) 40%, rgba(8,16,28,0.45) 100%);
}
/* 下端はアイボリー地へ繋ぐ */
.p-hero__bg-animated::after {
  background: linear-gradient(180deg, transparent 0%, rgba(244,241,232,0.0) 55%, var(--color-bg) 100%);
  height: 22vh;
}
.p-hero__particles { opacity: 0.18; }

/* ヒーロー文言：白＋ゴールド罫の eyebrow、明朝タイトル */
.p-hero__eyebrow {
  color: var(--metal-soft);
}
.p-hero__eyebrow::before {
  background: var(--metal);
  width: 48px;
}
.p-hero__title {
  font-family: var(--font-ja);
  color: #FFFFFF;
  font-weight: 700;
  font-size: clamp(3.4rem, 5vw, 5.2rem);
  line-height: 1.4;
  letter-spacing: 0.01em;
}
.p-hero__title em {
  color: var(--metal-soft);
  font-style: normal;
}
.p-hero__subtitle {
  color: rgba(255, 255, 255, 0.82);
}
.p-hero__badge-num { color: var(--metal-soft); }
.p-hero__scroll { color: rgba(255, 255, 255, 0.45); }

/* ---- 4. ボタン：参考準拠の「細アウトライン＋矢印（↗）のピル」エディトリアル ---- */
/* 角丸ピル＋英字ラベル詰め。CTA 系クラスに右上矢印を付与。 */
.c-btn--primary,
.c-btn--secondary,
.c-btn--outline,
.c-btn--white,
.c-btn--outline-white,
.p-hero__link .c-btn,
.p-contact-cta .c-btn {
  border-radius: var(--radius-btn);
  letter-spacing: 0.04em;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
}
.c-btn--primary::after,
.c-btn--secondary::after,
.c-btn--outline::after,
.c-btn--white::after,
.c-btn--outline-white::after,
.p-hero__link .c-btn::after,
.p-contact-cta .c-btn::after {
  content: '\2197';            /* ↗ 北東矢印（参考の Explore ↗ ） */
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 1.05em;
  line-height: 1;
  transform: translateY(-0.02em);
  transition: transform var(--transition-base);
}
.c-btn--primary:hover::after,
.c-btn--secondary:hover::after,
.c-btn--outline:hover::after,
.c-btn--white:hover::after,
.c-btn--outline-white:hover::after,
.p-hero__link .c-btn:hover::after,
.p-contact-cta .c-btn:hover::after {
  transform: translate(0.12em, -0.14em);   /* ホバーで矢印が少し飛ぶ */
}

/* メイン CTA（無料相談など）＝細枠の塗りピル。ネオン影は廃し薄い影のみ */
.c-btn--primary {
  background: var(--accent);
  color: #FFFFFF;
  border: 1px solid var(--accent);
  box-shadow: var(--shadow-btn);
}
.c-btn--primary:hover {
  background: var(--accent-dark);
  border-color: var(--accent-dark);
  box-shadow: var(--shadow-btn-hover);
}
/* 副 CTA＝細アウトラインの透明ピル（参考の基本形） */
.c-btn--secondary {
  background: transparent;
  border: 1px solid var(--accent);
  color: var(--accent);
  box-shadow: none;
}
.c-btn--secondary:hover {
  background: var(--accent);
  color: #FFFFFF;
}

/* ヒーロー内：primary＝ブランドティール→シアンの塗りピル / secondary＝白の細アウトラインピル */
.p-hero__link .c-btn--primary {
  background: linear-gradient(135deg, #00BCD4 0%, #00d9ff 100%);
  color: #FFFFFF;
  border: 1px solid rgba(0, 188, 212, 0.55);
  box-shadow: 0 8px 24px rgba(0, 217, 255, 0.34);
}
.p-hero__link .c-btn--primary:hover {
  background: linear-gradient(135deg, #19c9df 0%, #008b9c 100%);
}
.p-hero__link .c-btn--secondary {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.55);
  color: #FFFFFF;
  box-shadow: none;
}
.p-hero__link .c-btn--secondary:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.85);
}

/* ---- 5. セクション見出し：英字大型(Jost)＋番号ゴールド / 和文サブは控えめゴシック ---- */
.c-section-heading__number {
  color: var(--metal);
  opacity: 0.14;
}
.c-section-heading__title {
  color: var(--ink);
}

/* ---- 6. ヘアライン主体の面処理（カード/区切りを引き締める） ---- */
.l-header {
  border-bottom: 1px solid rgba(14, 26, 43, 0.08);
}

/* ---- 7. CTA帯=cyanアクセント / sub-heroはnavyへ分離（book-appendix言語） ---- */
.p-contact-cta,
.p-article-cta-banner {
  /* Vercel(book-appendix)基準の濃紺へ統一。白文字が帯のどの位置でもWCAG AAA級の
     コントラストを満たす。cyanはボタン/罫のアクセントにのみ使う方針。 */
  background: linear-gradient(135deg, #0A1628 0%, #1A2744 100%);
  border-top: 2px solid var(--metal);
}
/* Sub-page hero = warm-white editorial band (no colored banner).
   Full element styling lives in style.css (.p-sub-hero / __eyebrow / __title /
   __lead / __ghost); this layer only needs to win the background. */
.p-sub-hero {
  background: var(--color-bg);
  background-image: none;
  border-top: none;
}
/* CTA 帯内：主ボタン＝白の塗りピル（ティール地に最大コントラスト）／副ボタン＝白アウトライン */
.p-contact-cta .c-btn--white,
.p-contact-cta .c-btn--primary,
.p-article-cta-banner .c-btn--white,
.p-article-cta-banner .c-btn--primary {
  background: #FFFFFF;
  color: var(--accent-deep); /* accent-dark(#0099cc)は白地で3.3:1とAA未満のため深色に */
  border: none;
  border-radius: var(--radius-btn);
  box-shadow: 0 8px 24px rgba(0, 41, 47, 0.22);
}
.p-contact-cta .c-btn--white:hover,
.p-article-cta-banner .c-btn--white:hover {
  background: #EAFBFD;
}
.p-contact-cta .c-btn--outline-white,
.p-article-cta-banner .c-btn--outline-white {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.55);
  color: #FFFFFF;
  border-radius: var(--radius-btn);
}
.p-contact-cta .c-btn--outline-white:hover,
.p-article-cta-banner .c-btn--outline-white:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.85);
}

/* コーチング系＝ブランドティールへ統一 */
.p-sticky-cta__btn--coaching {
  background: linear-gradient(135deg, #00d9ff, #0099cc) !important;
}
.p-article-cta-banner--coaching {
  background: linear-gradient(135deg, #00d9ff 0%, #0099cc 100%);
}

/* ============================================================
   8. 下層セクション作り込み（トップページ）
   ============================================================ */

/* --- 8a. 濃地バンドの数字＝真鍮ゴールド（ネイビー数字が地に沈む問題の解消）--- */
.p-stats {
  border-top: 1px solid var(--color-border); /* 白基調パス(2026-06-12) */
}
.p-stats__number,
.p-works-exec__num,
.p-works-flagship__num {
  color: var(--ink); /* 白基調パス: 明地ではネイビーインクが正 */
}
/* 帳票的なヘアライン区切り（金融・コンサルの“数表”感） */
.p-stats__grid > .p-stats__item + .p-stats__item {
  border-left: 1px solid var(--color-border);
}

/* --- 8b. SERVICE カード：グラス → 白面＋ヘアライン枠＋引き締めた影＋直角 --- */
.p-service-top-card {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  backdrop-filter: none;
}
.p-service-top-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 217, 255, 0.45);
  box-shadow: var(--shadow-card-hover);
}
/* ゴーストナンバー＝ゴールド微差し（アクセント統一） */
.p-service-top-card__number {
  color: var(--metal);
  opacity: 0.12;
}
/* アイコンチップ：丸み 14px → 直角寄り 4px */
.p-service-top-card__icon {
  border-radius: var(--radius-card);
}
/* タグ：ピル(20px) → 矩形、アイボリー地＋ヘアライン枠の控えめチップ */
.p-service-top-card__tag {
  border-radius: 2px;
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  color: var(--ink-2);
}

/* --- 8c. 汎用カードのヘアライン＋直角化（works/news/media など c-card 系）--- */
.c-card,
.c-card--glass {
  border-radius: var(--radius-card);
}
.c-card--glass {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  backdrop-filter: none;
  box-shadow: var(--shadow-card);
}

/* --- 8d. アウトライン MORE ボタン：ネイビー枠＋ホバーで塗り --- */
.c-btn--outline {
  border: 1px solid var(--accent);
  color: var(--accent);
  border-radius: var(--radius-btn);
  background: transparent;
}
.c-btn--outline:hover {
  background: var(--accent);
  color: #FFFFFF;
}

/* --- 8e. セクション間の余白を金融サイト的にゆったり --- */
.l-section {
  padding-top: clamp(72px, 9vw, 120px);
  padding-bottom: clamp(72px, 9vw, 120px);
}

/* --- 8f. ヘッダー「個別指導」ボタン等の teal を濃紺へ（直書き #00BCD4 の上書き）--- */
.p-global-nav__link--coaching {
  color: var(--accent) !important;
  border: 1px solid var(--accent);
  border-radius: var(--radius-btn);
}
.p-global-nav__link--coaching:hover {
  background: var(--accent);
  color: #FFFFFF !important;
}
.c-mobile-menu__link--coaching,
.l-footer-nav__link--coaching {
  color: var(--accent) !important;
}

/* --- 8g. ページトップ円ボタン：teal グロー → 濃紺の引き締めた影 --- */
.c-page-top__link,
.c-page-top--enhanced .c-page-top__link {
  background: var(--accent);
  border: 1px solid rgba(0, 217, 255, 0.45);
  box-shadow: var(--shadow-btn);
  animation: none;
}
.c-page-top__link:hover,
.c-page-top--enhanced .c-page-top__link:hover {
  background: var(--accent-dark);
  transform: translateY(-3px);   /* 360°回転を廃し、堅実な lift のみ */
  box-shadow: var(--shadow-btn-hover);
  border-color: var(--metal);
}

/* ============================================================
   9. enhanced ボタンの脱ネオン化（teal グロー/wobble を金融トーンへ）
   buttons-enhanced.css と同詳細度＋後勝ちで上書き。
   ============================================================ */
.c-btn--primary {
  background: var(--accent);
  animation: none;
}
.c-btn--primary:hover {
  background: var(--accent-dark);
  box-shadow: var(--shadow-btn-hover);   /* teal ネオングロー除去 */
}
.c-btn--outline {
  border: 1px solid var(--accent);
  color: var(--accent);
}
.c-btn--outline:hover {
  background: var(--accent);
  border-color: var(--accent);
  color: #FFFFFF;
  box-shadow: var(--shadow-btn);          /* teal グロー除去 */
}
.c-btn--outline::before {
  background: var(--accent);               /* fill-on-hover を濃紺へ */
}
/* スケール wobble を廃し、堅実な 2px lift に統一 */
.c-btn--enhanced:hover {
  transform: translateY(-2px);
}
.c-btn--enhanced:active {
  transform: translateY(0);
}
/* 半透明ボタン（白アウトライン系）の teal ホバーを白へ */
.c-btn--transparent:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.85);
  box-shadow: none;
}

/* ============================================================
   10. Phase B メモ — サブページ/自己完結LP のティール統一（2026-06-05）
   ------------------------------------------------------------
   この §10 は記録用コメント。実際の色変更は trust-refresh ではなく
   各ファイル側で直接行った（自己完結LPはテーマ部品を使わず trust-refresh
   が効かないため）。再ビルド/差分追跡の手がかりとして残す。

   ◆ 完全自己完結 LP（インライン <style> の :root をティール再マップ済）:
     page-ai-development / page-ai-sns / page-aieo-training /
     page-claude-code-corporate / page-claudecode-kobetsu(coaching) /
     page-nexa-lp / page-claude-code-hub(暖色テラコッタ→クールティール)
     旧パレット #3B6AE5(青)+#B45309(橙)+#1e3a8a(紺)+#fbbf24(金) →
     #00d9ff / #0099cc / #04323a / #2BD4E6(シアン強調)。
   ◆ 商談準備系/補助金DL/デモLP のインディゴ・紫・緑アクセント →
     ティール/シアンへ（sales-prep-ai / dl-whitepaper-v2 / dl-ai-training-checklist /
     download / flowdesk-demo / pricing-demo / ai-training-demo / service-page-polish）。
   ◆ /service の Account Intelligence(X-Ray) ブロックの金/橙 → シアン。
   ◆ 赤 #dc2626 / #ef4444 は「必須・NG」の意味色として意図的に保持。
   ◆ suguai.css(SuguAI 佐藤個人メディア)の amber は別ブランドとして保持（未統一）。

   ◆ デプロイ時の要対応（テーマ外資産・本番のみ）:
     1) /wp-content/uploads/nexa-lp/nexa-lp-deferred.min.css に
        rgba(59,106,229,0.1) が1箇所残る → rgba(0, 217, 255,0.1) に置換。
        （uploads配下=テーマdeployで上がらない。手動 or 別経路で）
     2) coaching の CSS 参照を uravation-site → uravation-trust に repoint 済。
        uravation-trust/assets/claude-code-coaching/claude-code-coaching.css を必ず同梱。
     3) page-claude-code-camp.php / page-claude-code-development-training.php は
        リポジトリ未収録（本番のみ）。同じ自己完結LPなら本番側で同様の retarget が必要。
   ============================================================ */

/* ============================================================
   §11 ROUND PASS（2026-06-12 和田指示）
   「文字のサイバー/テク感を抜いて、本番(uravation.com)と同じ丸い感じに」
   フォントはroot token(--font-en/--font-display=Montserrat)で対応済み。
   ここでは「形」と「光」を本番準拠へ:
   - 鋭角ノッチ(clip-path)→丸角のみ（本番は直角・多角形カットゼロ）
   - 「+」照準マーク→全廃（本番に存在しない）
   - シアン発光シャドウ→ネイビーの柔影
   - 写真メタスタンプ→白の控えめキャプション（EXIF/HUD感を抜く）
   - 主ボタン→本番と同じティール塗り×白文字（電光シアン塗り廃止）
   ============================================================ */
/* + 照準マーク全廃 */
.p-grid-mark::before,
.p-grid-mark::after { content: none; }
/* 鋭角ノッチ→丸角 */
.p-photo--notch { clip-path: none; }
.p-hero--field { clip-path: none; }
/* シアン発光ホバー→ネイビー柔影（works系カード） */
.p-works-page .p-works-case:hover,
.p-works-page .p-works-social__card:hover { box-shadow: 0 8px 30px rgba(10, 22, 40, 0.12); }
/* チームモノグラム: シアングラデ発光タイル→淡ティール地の静かなタイル */
.p-team-card__monogram {
  background: var(--accent-bg);
  color: var(--accent-deep);
  box-shadow: var(--shadow-card);
}
/* 写真メタスタンプ: 電光シアン→白88%・トラッキング緩和 */
.p-photo__meta {
  font-weight: 600;
  letter-spacing: .08em;
  color: color-mix(in srgb, #FFFFFF 88%, transparent);
}
/* 縦書きラベル: 過剰トラッキング(.5em)緩和+シアン→白80% */
.u-vlabel { letter-spacing: .2em; }
.p-field-strip__label {
  letter-spacing: .2em;
  color: color-mix(in srgb, #FFFFFF 80%, transparent);
}
/* セクション見出し: Jost時代の細身ネガトラッキング→本番のMontserrat 800+0.14em */
.c-section-heading__title { font-weight: 800; letter-spacing: 0.14em; }
/* ghost番号: ゴールド→本番と同じティール超低opacity */
.c-section-heading__number { color: var(--accent-deep); opacity: 0.10; }
/* 主ボタン: 電光シアン塗り→本番ティール塗り×白文字（AA 5.8:1） */
.c-btn--primary {
  background: var(--accent-deep);
  color: #FFFFFF;
  border-color: var(--accent-deep);
  box-shadow: var(--shadow-btn);
}
.c-btn--primary:hover {
  background: #005B76;
  border-color: #005B76;
  box-shadow: var(--shadow-btn-hover);
}
.p-hero__link .c-btn--primary {
  background: var(--accent-deep);
  border: 1px solid var(--accent-deep);
  box-shadow: var(--shadow-btn);
}
.p-hero__link .c-btn--primary:hover { background: #005B76; }
/* 動画ヒーロー(field-bright)の主CTA: シアン塗り×ink文字→本番ティール塗り×白 */
.p-hero--field .c-btn--primary {
  background: var(--accent-deep);
  color: #FFFFFF;
}
.p-hero--field .c-btn--primary:hover {
  background: #005B76;
  box-shadow: var(--shadow-btn-hover);
}
/* TRUSTED BY見出し: 電光シアン生テキスト→本番同様のink(MEDIAと同格) */
.p-clients__title { color: var(--ink); }

/* ============================================================
   12. 視認性修正（2026-06-12 コントラスト監査・staging全37ページ実測）
   明地に取り残された 生シアン文字 / 暖白文字 / 濃紺ボタン文字 を可読化。
   暗地のシアン・暖白(--color-text-white:#F5F1E8)は意図どおりのため不変。
   各行は元定義と同等以上の詳細度で後勝ち上書き。
   ============================================================ */
/* A2 主CTA: ページ内<style>(.p-dlv2-cta 等)が color:ink を後勝ち上書き → !important で白を確定 */
.c-btn.c-btn--primary,
.p-hero--split .c-btn--primary,
.p-hero--field .c-btn--primary,
.p-cta-team .c-btn.c-btn--primary { color: #fff !important; }
/* A1 白基調セクションの実績見出しが暖白で消失 → ink */
.p-case-deep__title { color: var(--ink); }
/* A3 必須バッジ: シアン地×白(cr1.7) → 濃ティール地（page-premium 高詳細度に勝つ） */
.c-form__required { background: var(--accent-deep) !important; color: #fff !important; }
/* A4 404大見出し: シアン×クリーム → ink の淡い装飾 */
.p-404__title { color: var(--ink); opacity: 0.16; }
/* B 明地の生シアン文字(cr1.7) → 濃ティール(accent-deep, cr4.7)。inline<style>に勝つため!important */
.p-service-plan__name,
.p-service-nav__num,
.p-works-page .p-works-tag--primary,
.p-works-page .p-works-case__hl,
.p-works-impact__value,
.p-global-nav__link--coaching,
.c-mobile-menu__link--coaching { color: var(--accent-deep) !important; }
/* 例外: 注目(featured)カードはティール地のため num は白を維持（上のaccent-deep !importantを打ち消す） */
.p-service-nav__item--featured .p-service-nav__num { color: rgba(255, 255, 255, 0.9) !important; }
/* B ナビCTA「無料相談」: シアン地×白(cr1.7) → 濃ティール地で可読 */
.p-global-nav__link--cta { background: var(--accent-deep) !important; border-color: var(--accent-deep) !important; }
/* A2b CTA帯等の主ボタン背景がシアン(白文字cr1.7)で残存 → 全primaryをティール塗りに統一(hover含む) */
.c-btn--primary { background: var(--accent-deep) !important; border-color: var(--accent-deep) !important; }
.c-btn--primary:hover { background: #005B76 !important; border-color: #005B76 !important; }
/* B works 権威タグ(記事執筆/講師/特別講演 等)の明地シアン → 濃ティール */
.p-works-authority__type { color: var(--accent-deep) !important; }
/* C2 残りの明地シアンアクセント文字(強調語.red/.accent・works社会的KPI数値)を濃ティールへ */
.red, .accent,
.p-works-social__kpi-va { color: var(--accent-deep) !important; }