/* ============================================================
   FT MUSIC OFFICE LLC — English Edition (差分CSS)
   共通 style.css の後に読み込まれ、英文最適化のための上書きを行う。
   原則: 配色・余白・構造はすべて style.css のものをそのまま受け継ぐ。
         フォント・letter-spacing・line-height など、和文前提の値だけを書き換える。
   ============================================================ */

/* --- ボディ全体: 本文を欧文セリフに切り替える --- */
body {
  font-family: var(--font-en-display);
  letter-spacing: 0.005em; /* 和文の 0.04em は英文では空きすぎる */
  line-height: 1.7;        /* 和文の 1.85 は英文では空きすぎる */
  font-feature-settings: "kern", "liga"; /* "palt"(プロポーショナル仮名)は英文では不要 */
}

/* --- 見出し: 和文ディスプレイ書体を欧文ディスプレイ書体に --- */
h1, h2, h3, h4, h5 {
  font-family: var(--font-en-display);
  letter-spacing: 0.01em;
  line-height: 1.3;
  font-weight: 600;
}

/* h1 はもう少しゆったり */
h1 {
  font-size: 2.05rem;
  line-height: 1.25;
  letter-spacing: 0;
  font-weight: 600;
}

/* h2 は元の朱の縦線装飾と border-bottom を維持しつつ、欧文らしい字面に */
h2 {
  font-size: 1.7rem;
  letter-spacing: 0;
  line-height: 1.3;
}

h3 {
  font-size: 1.2rem;
  letter-spacing: 0.005em;
  font-weight: 600;
}

/* --- 段落: justify は英文では word-spacing が崩れがちなので left に --- */
p {
  text-align: left;
  hyphens: auto;
  -webkit-hyphens: auto;
}

/* --- ヒーロー部分の調整 --- */
.hero-headline {
  font-family: var(--font-en-display);
  letter-spacing: 0;
  line-height: 1.15;
}

.hero-lead {
  font-family: var(--font-en-display);
  font-size: 1.15rem;
  line-height: 1.7;
  letter-spacing: 0;
}

.lead-large {
  font-family: var(--font-en-display);
  letter-spacing: 0;
}

.lead-large em {
  font-style: italic;
}

/* --- ナビゲーション --- */
.site-nav a {
  font-family: var(--font-en-display);
  font-size: 1rem;
  letter-spacing: 0.08em;
  font-weight: 500;
}

/* 言語切り替えリンク: 英語版では「日本語」リンクなので和文書体に上書き */
/* 共通style.cssの.lang-switchが本体。ここはフォントだけ差し替え。 */
.site-nav .lang-switch a {
  font-family: var(--font-jp-serif);
}

/* --- ロゴ部分: 和文表記は維持(社名そのもの)、欧文表記を主役に --- */
.site-logo .text-jp {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  color: var(--color-text-mute);
  font-weight: 500;
  order: 2; /* 英語版では英文を上に */
}
.site-logo .text-en {
  font-size: 0.92rem;
  letter-spacing: 0.22em;
  color: var(--color-text);
  font-weight: 600;
  order: 1;
}

/* --- 三本柱 (pillars) などの h4 サブ見出し --- */
.pillar h4 {
  font-family: var(--font-en-display);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
}

/* --- プロフィール: ローマ字(.roman)は元から欧文書体だが念のため --- */
.profile-name-block .roman,
.twin-card .roman {
  font-family: var(--font-en-display);
}

.profile-name-block h1 {
  font-family: var(--font-en-display);
  letter-spacing: 0;
}

.titles {
  font-family: var(--font-en-display);
  letter-spacing: 0;
  line-height: 1.55;
}

/* --- 楽器カード: 楽器名のローマ字を主役、和文表記をサブに --- */
.instrument-card .inst-name {
  font-family: var(--font-en-display);
  letter-spacing: 0.02em;
}
.instrument-card .inst-name-sub {
  font-family: var(--font-jp-serif);
  font-size: 0.78rem;
  color: var(--color-text-mute);
  letter-spacing: 0.05em;
}

/* --- 価格表示 --- */
.inst-price,
.plan-price {
  font-family: var(--font-en-display);
  letter-spacing: 0;
}

/* --- ノート(注釈)文 --- */
.note {
  letter-spacing: 0;
}

/* --- 三者連携テーブル --- */
.three-parties .party-name {
  font-family: var(--font-en-display);
  letter-spacing: 0.01em;
}

/* --- 章番号(chapter-num) と pull-quote: 既に英文書体だが念のため --- */
.chapter-num {
  font-family: var(--font-en-display);
}

.pull-quote p {
  font-family: var(--font-en-display);
  font-style: italic;
  letter-spacing: 0;
}

.candor-label {
  font-family: var(--font-en-display);
}

/* --- 協賛プランカード --- */
.plan-card .plan-tier {
  font-family: var(--font-en-display);
}
.plan-card .plan-name {
  font-family: var(--font-en-display);
  letter-spacing: 0.01em;
}

/* --- フッター --- */
.site-footer h4 {
  font-family: var(--font-en-display);
  letter-spacing: 0.18em;
}
.site-footer p,
.site-footer ul {
  font-family: var(--font-en-display);
  letter-spacing: 0;
}

/* --- 著作表示 --- */
.copyright {
  font-family: var(--font-en-display);
  letter-spacing: 0.15em;
}

/* --- 強調 (em) は欧文ではイタリック表現を強化 --- */
em {
  font-style: italic;
  font-family: var(--font-en-italic);
}

/* --- 引用ブロック内の em は朱字も維持 --- */
.pull-quote em {
  color: var(--color-accent);
}

/* --- works-list (タガシーの作品一覧)の年表記 --- */
.works-list .year {
  font-family: var(--font-en-display);
  font-variant-numeric: oldstyle-nums;
}

/* --- 図版キャプション --- */
figcaption {
  font-family: var(--font-en-display);
  font-style: italic;
  letter-spacing: 0;
}

/* --- 外部リンクボタン --- */
.ext-button,
.ext-label,
.ext-url {
  font-family: var(--font-en-display);
}

/* --- 分岐カードの「現在表示中」ラベルを Viewing に上書き --- */
/* 共通CSSでは Current(uppercase化)なので、英語版では Viewing に */
.audience-card.is-current::after {
  content: "Viewing";
}

/* --- レスポンシブ調整: 英文は折り返し位置が日本語と異なる --- */
@media (max-width: 600px) {
  .hero-headline {
    font-size: 1.85rem;
    line-height: 1.2;
  }
  h1 {
    font-size: 1.7rem;
  }
  h2 {
    font-size: 1.4rem;
  }
}