/* Homepage density pass. Loaded after mobile-reading.css; article templates stay untouched. */
body.home .on-main { padding-top: 32px; padding-bottom: 48px; }
body.home .on-title { font-size: clamp(40px, 3.8vw, 48px); line-height: 1.12; }
body.home .on-intro { margin-top: 13px; font-size: 16px; line-height: 1.6; }
body.home .on-timeline { margin: 30px 0 38px; }
body.home .on-stage { min-height: 0; }
body.home .on-stage-body { padding: 0 0 20px 42px; }
body.home .on-stage-mark { padding-right: 24px; font-size: 14px; }
body.home .on-stage-body h2 { font-size: clamp(26px, 2.2vw, 31px); line-height: 1.2; }
body.home .on-stage-body p { margin: 5px 0 7px; font-size: .92rem; line-height: 1.45; }
body.home .on-reading { padding-top: 20px; }
body.home .on-note { padding: 18px; }
body.home .on-note h3 { margin: 6px 0; font-size: 19px; line-height: 1.3; }
@media (max-width: 767px) {
  body.home .on-main { padding-top: 20px; padding-bottom: 32px; }
  body.home .on-title { font-size: 28px; line-height: 1.25; }
  body.home .on-intro { margin-top: 10px; font-size: 15px; line-height: 1.55; }
  body.home .on-timeline { margin: 20px 0 24px; }
  body.home .on-stage { padding-left: 26px; }
  body.home .on-stage-mark { padding-bottom: 3px; font-size: 12px; }
  body.home .on-stage-body { padding: 0 0 10px; }
  body.home .on-stage-body:before { left: -23px; top: 5px; }
  body.home .on-stage-body h2 { font-size: 20px; line-height: 1.25; }
  body.home .on-stage-body p { margin: 3px 0 5px; font-size: 13px; line-height: 1.4; }
  body.home .on-stage-link { font-size: 12px; }
  body.home .on-reading { padding-top: 15px; }
  body.home .on-section-head h2 { font-size: 21px; }
  body.home .on-note { padding: 14px; }
  body.home .on-note h3 { font-size: 18px; line-height: 1.3; }
  body.home .on-note p { font-size: 13px; line-height: 1.45; }
}