/* ==========================================================
   pages/ai.css — /ai/ AI業務改善（2026-10-21 新設。中身は仮・【要確認】）

   共通部品（page-header・page-nav・heading・problem-list・features・definition-list・cta・related-grid）を使い、
   ここにはこのページだけの部品（考え方の本文・講師）だけを書く
   ========================================================== */

/* ---------- 経営指針塾の考え方：大きな一文＋本文 ---------- */
:is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-approach {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: start;
  gap: 40px 96px;
}
:is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-statement {
  font-family: var(--kk-ff-heading);
  font-size: var(--kk-fs-fluid-statement);
  font-weight: var(--kk-fw-bold);
  letter-spacing: var(--kk-ls-mincho);
  line-height: var(--kk-lh-heading);
  word-break: auto-phrase;
}
:is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-statement em { font-style: normal; color: var(--kk-color-accent); }
:is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-approach__body { display: flex; flex-direction: column; gap: 20px; }
:is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-approach__body p {
  font-size: var(--kk-fs-body);
  letter-spacing: var(--kk-ls-body);
  line-height: var(--kk-lh-body-loose);
  color: var(--kk-color-text-sub);
}
:is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-note {
  font-size: var(--kk-fs-small);
  letter-spacing: var(--kk-ls-body);
  line-height: var(--kk-lh-small);
  color: var(--kk-color-text-muted);
}

/* ---------- 講師 ---------- */
:is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-teacher {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  align-items: start;
  gap: 64px;
}
:is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-teacher__photo { aspect-ratio: 4 / 5; }
:is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-teacher__body { display: flex; flex-direction: column; gap: 16px; }
:is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-teacher__role { color: var(--kk-color-label-gold); }
:is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-teacher__name {
  font-family: var(--kk-ff-heading);
  font-size: var(--kk-fs-h3);
  font-weight: var(--kk-fw-bold);
  letter-spacing: var(--kk-ls-mincho);
  line-height: var(--kk-lh-heading);
}
:is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-teacher__body p:not([class]) {
  font-size: var(--kk-fs-body);
  letter-spacing: var(--kk-ls-body);
  line-height: var(--kk-lh-body);
  color: var(--kk-color-text-sub);
}

/* ---------- TAB・SP ---------- */
@media (max-width: 1000px) {
  :is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-approach { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  :is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-teacher { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  :is(.kk-wp, .editor-styles-wrapper) .kk-p-ai-teacher__photo { width: min(280px, 100%); }
}