/* Match the Japanese layouts while giving each writing system its native font. */
html[lang="zh-Hans"] { --sans: 'Noto Sans SC', sans-serif; }
html[lang="zh-Hant"] { --sans: 'Noto Sans TC', sans-serif; }
html[lang="ko"] { --sans: 'Noto Sans KR', sans-serif; word-break: keep-all; }
html[lang="en"], html[lang="vi"] { --sans: 'Noto Sans', sans-serif; }
html[lang="my"] { --sans: 'Noto Sans Myanmar', sans-serif; }
html:not([lang="ja"]) .brand-name { font-family: 'Manrope', sans-serif; }
html:not([lang="ja"]) .brand-name > span { font-family: 'Noto Sans JP', sans-serif; }
html:not([lang="ja"]) .hero h1 { font-size: clamp(2.45rem,4.7vw,4.7rem); line-height: 1.4; }
html:not([lang="ja"]) .hero h1 span { overflow-wrap: anywhere; }
html:not([lang="ja"]) :is(.hero-index-title,.company-card h2,.company-card h3,.service-group h2,.recruit-link h3) { overflow-wrap: anywhere; }
html:not([lang="ja"]) .language-menu .language-options { font-family: 'Noto Sans', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans Myanmar', sans-serif; }
html[lang="my"] :is(h1,h2,h3,.hero-index-parent) { line-height: 1.8; letter-spacing: normal; }
html[lang="my"] .hero h1 { font-size: clamp(2rem,3.4vw,3.3rem); }
.localized-service-diagram { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr); align-items: center; gap: 12px; padding: clamp(18px,3vw,36px); background: #edf4fc; border: 1px solid #d6e4f4; border-radius: 12px; }
.diagram-role { padding: 22px 12px; background: #123e6a; color: white; font-weight: 600; text-align: center; border-radius: 7px; overflow-wrap: anywhere; }
.diagram-exchange { display: grid; gap: 8px; text-align: center; color: #244e7a; font-size: .875rem; line-height: 1.7; }
.diagram-exchange b { font: 500 1.7rem/1 sans-serif; color: #1363d9; }
.localized-nursery-philosophy { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); border-radius: 12px; overflow: hidden; background: #f0f5fc; border: 1px solid #d6e4f4; }
.nursery-photo { overflow: hidden; min-width: 0; align-self: start; }
.nursery-photo img { width: 159.75%; max-width: none; border-radius: 0 !important; }
.nursery-philosophy-copy { padding: clamp(20px,3vw,36px); }
.nursery-philosophy-copy h3 { margin-top: 0 !important; }
.nursery-philosophy-copy li { margin-block: 12px; }
@media (max-width: 1200px) {
  html:not([lang="ja"]) .header-inner { gap: 18px; }
  html:not([lang="ja"]) nav { gap: 16px; }
  html:not([lang="ja"]) nav > a { font-size: .875rem; }
  html:not([lang="ja"]) .nav-contact { gap: 10px; padding-inline: 12px; }
}
@media (max-width: 800px) {
  .localized-nursery-philosophy { grid-template-columns: minmax(0,1fr); }
  .nursery-photo { max-height: 360px; }
  .localized-service-diagram { grid-template-columns: minmax(0,1fr); }
  .diagram-exchange b { transform: rotate(90deg); }
  html:not([lang="ja"]) .hero h1 { font-size: clamp(2rem,6.5vw,3.2rem); }
  html[lang="my"] .hero h1 { font-size: clamp(1.8rem,5vw,2.6rem); }
}
@media print { .diagram-role { color: #123e6a; border: 1px solid #123e6a; background: white; } }