/* ==========================
   Montserrat（見出し用）
   あなたのツリーに合わせてパス厳守
   /assets/fonts/Montserrat/static/...
   ========================== */
@font-face {
  font-family: 'MontserratLocal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/Montserrat/static/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'MontserratLocal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/Montserrat/static/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'MontserratLocal';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/Montserrat/static/Montserrat-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'MontserratLocal';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/Montserrat/static/Montserrat-BoldItalic.ttf') format('truetype');
}

/* ==========================
   フォント適用ポリシー
   - 日本語は OS 標準（Hiragino / Yu Gothic / Meiryo）
   - 見出しだけ Montserrat
   - 本文英字は OS/汎用（Lato を使わない前提）
   ========================== */
:root{
  /* 日本語優先のシステムスタック（テーマ既定に近い見た目） */
  --font-jp: -apple-system, system-ui, "Hiragino Sans", "Hiragino Kaku Gothic ProN",
             "Yu Gothic UI", "YuGothic", "Meiryo", "Segoe UI", Roboto,
             "Helvetica Neue", Arial, sans-serif;

  /* 見出しは Montserrat を先頭 */
  --font-heading: "MontserratLocal", var(--font-jp);

  /* 本文はシステム日本語フォントを先頭（Notoは使わない） */
  --font-body: var(--font-jp);
}

/* ====== 強制上書き（Mobiriseのクラスを安全に） ====== */
body,
.mbr-text,
.display-4, .display-5, .display-7,
.navbar-caption {
  font-family: var(--font-body) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.75; /* 読みやすく（テーマ既定に近い） */
  letter-spacing: 0.01em;
}

.mbr-section-title,
.card-title,
.display-1, .display-2 {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;           /* 見出しは太め */
  letter-spacing: -0.015em;              /* タイト目に（元の雰囲気へ） */
  line-height: 1.2;
}

/* 見出し内の日本語が太すぎる場合に少しだけ抑える（任意） */
@supports (font-variation-settings: normal) {
  .mbr-section-title,
  .card-title,
  .display-1, .display-2 {
    font-weight: 700;
  }
}

/* Hero等のサブ見出し（必要なら） */
.display-5 {
  font-weight: 700;
  letter-spacing: -0.01em;
}