/* English copy uses the same spatial composition; allow natural text reflow. */
html[lang="en"] .product-hero h1 { font-size: clamp(2.2rem, 4.4vw, 4.6rem); }
html[lang="en"] .product-hero h1 span { line-height: 1.3; }
html[lang="en"] .chapter h2 { font-size: clamp(1.8rem, 2.4vw, 2.5rem); line-height: 1.18; }
html[lang="en"] .site-header > nav { align-items: center; }
html[lang="en"] .section-intro,
html[lang="en"] .scene-caption p,
html[lang="en"] .notes-grid p { line-height: 1.65; }
html[lang="en"] .stage-controls { flex-wrap: wrap; }
html[lang="en"] .node-field { min-width: 0; }
html[lang="en"] .node-field select { min-width: 0; max-width: 100%; }
html[lang="en"] .zone-directory button { white-space: normal; text-align: left; }
html[lang="en"] .spatial-annotation { max-width: 210px; }
html[lang="en"] .spatial-annotation strong { white-space: normal; }
html[lang="en"] .flow-actions { flex-wrap: wrap; }
html[lang="en"] .capability-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html[lang="en"] .capability-index a { white-space: normal; min-width: 0; padding-block: 8px; }
html[lang="en"] .capability-index a span { flex-shrink: 0; }
html[lang="en"] .hero-heading h1 { font-size: clamp(2.7rem, 5.6vw, 5.8rem); }
.product-language-link { font-size: 13px; color: inherit; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 980px) {
  html[lang="en"] .site-header > nav { display: none; }
  html[lang="en"] .site-menu { display: block; position: relative; }
  html[lang="en"] .site-menu[open] nav { display: flex; position: absolute; right: 0; top: 44px; flex-direction: column; gap: 0; min-width: 190px; border: 1px solid #d5dfe5; padding: 12px 20px; background: #fff; box-shadow: 0 14px 40px #10223118; z-index: 30; }
  html[lang="en"] .site-menu nav a { min-height: 44px; display: flex; align-items: center; }
}
@media (max-width: 760px) {
  html[lang="en"] .product-section-nav { gap: 16px; font-size: 12px; }
  html[lang="en"] .spatial-annotation { max-width: 132px; }
  html[lang="en"] .spatial-annotation strong { font-size: 10px; line-height: 1.25; }
  html[lang="en"] .site-header { gap: 10px; }
  html[lang="en"] .back-link { font-size: 11px; }
}