/* Japanese typography on the unchanged active English homepage shell. */
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea,
html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] #nav,
html[lang="ja"] #copyright,
html[lang="ja"] .best-next-step {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  letter-spacing: normal;
  text-transform: none;
  word-break: normal;
  overflow-wrap: anywhere;
  line-break: strict;
}
html[lang="ja"] p { text-align: left; }
html[lang="ja"] #main h1 { line-height: 1.35; letter-spacing: -0.02em; }
html[lang="ja"] #main h2,
html[lang="ja"] #main h3 { line-height: 1.55; letter-spacing: normal; text-wrap: pretty; }
html[lang="ja"] #main .lt-eyebrow,
html[lang="ja"] #main .lt-kicker,
html[lang="ja"] #main .lt-reviewLabel,
html[lang="ja"] #main .lt-reviewAttribution,
html[lang="ja"] #main .best-next-step__label,
html[lang="ja"] #main .lt-reviewVideoEyebrow { letter-spacing: normal; text-transform: none; }
html[lang="ja"] #nav .links a { padding-inline: 0.85rem; letter-spacing: normal; }
html[lang="ja"] .site-locale-fallback,
html[lang="ja"] #main .site-locale-fallback { display: inline; white-space: nowrap; margin: 0; font: inherit; color: inherit; }
html[lang="ja"] #main .homepage-balance-example__amount { white-space: nowrap; }
html[lang="ja"] #main .ja-screen-caption { font-size: 0.8rem; line-height: 1.65; color: #52616c; margin: 0.75rem 0 0; }
html[lang="ja"] #main .ja-illustration { display: flex; flex-direction: column; justify-content: center; gap: 1rem; padding: 2rem; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 22px; background: linear-gradient(135deg, rgba(175, 230, 126, 0.22), rgba(255, 255, 255, 0.98) 48%, rgba(228, 238, 248, 0.92)); color: #18212b; box-shadow: 0 18px 38px rgba(15, 23, 42, 0.1); line-height: 1.8; }
html[lang="ja"] #main .ja-illustration strong { font-size: 1.5rem; }
html[lang="ja"] #main .ja-illustration p { margin: 0; }
html[lang="ja"] #main .ja-illustration small { color: #52616c; }
/* Authored record diagrams retain the two positions without imitating phones. */
html[lang="ja"] #main .stats-phone { border-radius: 22px; background: #fff; border: 1px solid rgba(15, 23, 42, 0.08); padding: 0; line-height: 0; }
html[lang="ja"] #main .stats-phone img { border-radius: 22px; }
html[lang="ja"] #main .stats-product-composition figcaption { line-height: 1.7; }
/* Keep the existing video control legible against its light Japanese poster. */
html[lang="ja"] #main .lt-videoPlayButton { background: #afe67e; }
html[lang="ja"] #main .lt-videoPlayButton::before { border-left-color: #18212b; }
@media (max-width: 980px) { html[lang="ja"] #main .ja-illustration { padding: 1.5rem; } }

/* Preserve the original yen example as one amount inside the narrow card. */
@media (max-width: 736px) {
  html[lang="ja"] body.homepage-page #money-story p.homepage-balance-example__amount {
    font-size: clamp(2.5rem, 13vw, 4.25rem);
    white-space: nowrap;
  }
}