html[lang="en"] .case-copy h2,
html[lang="en"] .case-copy h3 { font-size: 21px; line-height: 1.35; overflow-wrap: anywhere; }
html[lang="en"] .case-tag { line-height: 1.5; }
html[lang="en"] .article,
html[lang="en"] .detail-intro,
html[lang="en"] .sidebar,
html[lang="en"] .toc { overflow-wrap: anywhere; }
html[lang="en"] .world-heading h1 { font-size: 42px; }
html[lang="en"] .hero h1 { font-size: 42px; letter-spacing: 0; }
html[lang="en"] .hero h1 .title-accent { display: block; margin-top: 8px; font-size: 32px; }
html[lang="en"] .official-diagram text { font-size: 12px; }
@media (max-width: 600px) {
  html[lang="en"] .world-heading h1 { font-size: 30px; }
  html[lang="en"] .hero-title { font-size: 36px; line-height: 1.2; }
  html[lang="en"] .header-right { gap: 10px; }
  html[lang="en"]:has(.demo-banner) body { display: flex; flex-direction: column; height: 100dvh; }
  html[lang="en"] .demo-banner { flex: none; }
  html[lang="en"]:has(.demo-banner) .shell { flex: 1; min-height: 0; height: auto; }
}