/*
 * 土御門文書編纂所の読み物の各言語版（inc/tensha-ml-learning-page.php。2026-10-29）。
 * 組みは日本語版の abe-koyomi.css・zakki.css・koyomi-yomikata.css・koyomi-essay.css をそのまま使い、ここでは各言語版だけの違いを足す：
 * 題字の画像の代わりに文字の題を縦に組む（祈願祭の各言語版 .p-kigan__hero-title--text と同じ考え方）、安倍晴明暦の前書き、読み物の前書き。
 */

/* 題（文字）：線画の間に縦に。英語は字を倒して縦に並べ、長い題は折り返して線画の高さに収める */
body .p-ml-learning .p-ml-learning__hero-title {
  left: 50%;
  top: 50%;
  width: auto;
  max-height: 92%;
  color: #27211f;
  font-weight: 500;
  letter-spacing: .3em;
  line-height: 1.4;
  white-space: nowrap;
  writing-mode: vertical-rl;
  transform: translate(-50%, -50%);
}
body .p-zakki.p-ml-learning .p-ml-learning__hero-title { left: 46.35%; }
body .p-abe-koyomi.p-ml-learning .p-ml-learning__hero-title { left: 51.94%; }
.tensha-lang-en .p-ml-learning .p-ml-learning__hero-title { height: 92%; letter-spacing: .04em; white-space: normal; text-align: center; }
.tensha-lang-ko .p-ml-learning { word-break: keep-all; }

/* 安倍晴明暦の前書き（日本語版には無い。訳文の一文目） */
.p-abe-koyomi .p-ml-learning__lead { max-width: 1100px; margin: 64px auto 0; text-align: center; letter-spacing: .04em; }
.p-abe-koyomi .p-ml-learning__lead ~ .p-abe-koyomi__section:first-of-type { margin-top: 56px !important; }
/* 線画と前書きの間：日本語版で線画のすぐ下の節に付けている間（onmyodo-page-hero.css）を、前書きに付ける */
@media screen and (min-width: 1140px) { body .p-abe-koyomi__hero ~ .p-ml-learning__lead { margin-top: 127px; } }
@media screen and (max-width: 767px) { body .p-abe-koyomi__hero ~ .p-ml-learning__lead { margin-top: calc(34.55vw + 9.25px); } }
.p-abe-koyomi.p-ml-learning .p-abe-koyomi__text p + p { margin-top: 1em; }
.p-abe-koyomi.p-ml-learning .p-abe-koyomi__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 1100px; margin: 64px auto 0; }

/* 暦想雑記：組の説明の文 */
.p-zakki.p-ml-learning .p-zakki__note p + p { margin-top: 1em; }
.p-zakki.p-ml-learning .p-zakki__links { display: flex; flex-direction: column; align-items: center; gap: 20px; }

/* 読み物：前書きと節の見出し（本文の白い箱の中） */
.p-koyomi-essay .p-ml-learning__essay-lead { margin-bottom: 1.6em; font-weight: 500; }
.p-koyomi-essay .p-koyomi-essay__body .p-ml-learning__essay-heading { margin: 2em 0 .8em; font-weight: 500; }
.p-koyomi-essay .p-koyomi-essay__body .p-ml-learning__essay-heading:first-child { margin-top: 0; }

@layer onmyodo-ml-learning {
  body .p-ml-learning .p-ml-learning__hero-title { font-size: 3.2rem !important; line-height: 1.4 !important; }
  body.tensha-lang-en .p-ml-learning .p-ml-learning__hero-title { font-size: 2.4rem !important; line-height: 1.3 !important; }
  body .p-abe-koyomi .p-ml-learning__lead { font-size: 1.8rem !important; line-height: 2 !important; }
  body .p-koyomi-essay .p-koyomi-essay__body p.p-ml-learning__essay-lead { font-size: 2rem !important; line-height: 1.8 !important; }
  @media screen and (max-width: 767px) {
    body .p-ml-learning .p-ml-learning__hero-title, body.tensha-lang-en .p-ml-learning .p-ml-learning__hero-title { font-size: 1.6rem !important; line-height: 1.3 !important; }
    body .p-abe-koyomi .p-ml-learning__lead { font-size: 1.6rem !important; line-height: 1.9 !important; }
    body .p-koyomi-essay .p-koyomi-essay__body p.p-ml-learning__essay-lead { font-size: 1.7rem !important; line-height: 1.8 !important; }
  }
}
@media screen and (max-width: 767px) {
  .p-abe-koyomi .p-ml-learning__lead { padding: 0 20px; text-align: left; }
  .p-abe-koyomi.p-ml-learning .p-abe-koyomi__btns { flex-direction: column; align-items: center; padding: 0 20px; }
}