/* Text-only English adaptations. Geometry, decoration and responsive layout come unchanged from the current Chinese source. */
/* English label wrapping within the original diagram layouts. */
body[class*="en-diagram"] h1,
body[class*="en-diagram"] h2,
body[class*="en-diagram"] h3 { line-height: 1.2; }
.en-diagram-engine .art-header h1 span + span::before { content: " "; }
.en-diagram-engine .cycle-center span { font-size: 20px; }
.en-diagram-challenge .subtitle { white-space: normal; }
.en-diagram-challenge .node::after { content: "!"; }
.en-diagram-challenge .diagnosis .accent { white-space: normal; }
.en-diagram-hero .system-title strong { white-space: normal; line-height: 1.25; }
.en-diagram-hero .core-node { font-size: 21px; }
.en-diagram-hero .summary-card b { white-space: normal; }
.en-diagram-case .app-row strong { white-space: normal; font-size: 20px; }
.en-diagram-case .app-row span { white-space: normal; font-size: 19px; line-height: 1.25; }
.en-diagram-case .bridge-card span { white-space: normal; line-height: 1.25; }
.en-diagram-case .skin-tags span { font-size: 17px; }
.en-diagram-case .radar-chart text { font-size: 15px; }
.en-diagram-skill .center-head h2 { white-space: normal; }
.en-diagram-skill .center-head > span { white-space: normal; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .tag { font-size: 29px; line-height: 1.2; white-space: normal; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .title strong { font-size: 41px; line-height: 1.2; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .title small { font-size: 26px; line-height: 1.25; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .section-title strong { font-size: 33px; line-height: 1.2; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .section-title span { font-size: 26px; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .lane strong { font-size: 27px; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .lane span { font-size: 21px; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .pill { font-size: 28px; text-align: center; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .dark-strip span { font-size: 28px; line-height: 1.2; text-align: center; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .chat b { font-size: 28px; line-height: 1.2; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .chat span { font-size: 24px; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .sop-node { font-size: 23px; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .stat span { font-size: 21px; text-align: center; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .scenario-title { font-size: 26px; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .role-card b { font-size: 28px; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .role-card span { font-size: 24px; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .tag-row span { font-size: 28px; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .logo-card span { font-size: 23px; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .block b { font-size: 30px; line-height: 1.2; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .block span { font-size: 25px; }
@media (min-width: 721px) {
  .en-diagram-engine .art-header h1 { font-size: 35px; }
  .en-diagram-engine .panel-head h2 { font-size: 36px; }
  .en-diagram-engine .evolution .tag { font-size: 18px; }
  .en-diagram-challenge .subtitle { font-size: 34px; }
  .en-diagram-challenge .node b { font-size: 31px; }
  .en-diagram-hero .system-title strong { font-size: 27px; }
  .en-diagram-hero .dashboard-title { font-size: 44px; }
  .en-diagram-hero .objective strong { font-size: 29px; }
  .en-diagram-hero .objective-tags span { font-size: 19px; }
  .en-diagram-hero .method-step b { font-size: 21px; }
  .en-diagram-hero .product h3 { font-size: 24px; line-height: 1.2; }
  .en-diagram-hero .product p { font-size: 20px; line-height: 1.25; }
  .en-diagram-hero .product em { font-size: 18px; line-height: 1.2; }
  .en-diagram-hero .core-node { font-size: 18px; }
  .en-diagram-hero .summary-card small { font-size: 20px; }
  .en-diagram-hero .summary-card b { font-size: 23px; }
  .en-diagram-hero .summary-card span { font-size: 20px; }
  .en-diagram-industry h1 { font-size: 58px; }
  .en-diagram-industry .priority h2 { font-size: 36px; }
  .en-diagram-case .left-card h1 { font-size: 68px; }
  .en-diagram-case .case-title { font-size: 31px; }
  .en-diagram-case .left-card p { font-size: 23px; line-height: 1.35; }
  .en-diagram-case .diag-row { font-size: 21px; }
  .en-diagram-case .skill-ribbon span { font-size: 21px; }
  .en-diagram-case .skill-ribbon em { font-size: 18px; }
  .en-diagram-case .middle-card h2 { font-size: 54px; }
  .en-diagram-case .middle-card .sub { font-size: 24px; }
  .en-diagram-case .bridge-card strong { font-size: 21px; }
  .en-diagram-case .bridge-card span { font-size: 18px; }
  .en-diagram-case .bridge-card em { font-size: 17px; }
  .en-diagram-case .flow-node { font-size: 19px; }
  .en-diagram-case .flow-node small { font-size: 17px; }
  .en-diagram-case .task-card h2 { font-size: 39px; }
  .en-diagram-case .task-card p { font-size: 22px; }
  .en-diagram-case .app-tag { font-size: 18px; }
  .en-diagram-skill .panel-title { font-size: 36px; }
  .en-diagram-skill .source-card strong { font-size: 25px; }
  .en-diagram-skill .source-card span { font-size: 21px; line-height: 1.3; }
  .en-diagram-skill .target span { font-size: 20px; }
  .en-diagram-skill .agent-card p { font-size: 21px; line-height: 1.3; }
  .en-diagram-skill .app-card h3 { font-size: 25px; }
  .en-diagram-skill .app-card p { font-size: 21px; line-height: 1.25; }


}
/* Local text fit in fixed Chinese diagram slots. No grid or canvas changes. */
.en-diagram-case .app-row strong { font-size: 16px; }
.en-diagram-case .skin-tags span { font-size: 14px; }
.en-diagram-case .left-card h1,
.en-diagram-case .middle-card h2,
.en-diagram-industry h1 { line-height: 1.3; }
.en-diagram-product .arrow { font-size: 40px; }
.en-diagram-product .stat b { line-height: 1.2; }
@media (min-width: 721px) {
  .en-diagram-case .left-card p { font-size: 20px; line-height: 1.3; }
  .en-diagram-case .left-card h1 { font-size: 62px; }
  .en-diagram-case .case-title { font-size: 28px; }
  .en-diagram-case .task-card h2 { font-size: 30px; line-height: 1.15; }
  .en-diagram-case .task-card p { font-size: 19px; line-height: 1.25; }
  .en-diagram-case .task-card .task-top .eyebrow { font-size: 21px; }
  .en-diagram-case .task-card .app-tag { font-size: 16px; }
  .en-diagram-case .middle-card .sub { font-size: 21px; }
  .en-diagram-case .bridge-card strong { font-size: 18px; }
  .en-diagram-case .bridge-card span { font-size: 16px; line-height: 1.2; }
  .en-diagram-case .bridge-card em { font-size: 15px; }
  .en-diagram-case .flow-node { font-size: 17px; }
  .en-diagram-case .flow-node small { font-size: 15px; }
  .en-diagram-skill .panel-title { font-size: 30px; }
  .en-diagram-skill .panel-note { font-size: 19px; line-height: 1.3; }
  .en-diagram-skill .source-card span { font-size: 18px; line-height: 1.2; }
  .en-diagram-skill .source-card strong { font-size: 23px; }
  .en-diagram-skill .target strong { font-size: 22px; }
  .en-diagram-skill .target span { font-size: 17px; line-height: 1.2; }
  .en-diagram-skill .agent-card p { font-size: 18px; line-height: 1.2; }
  .en-diagram-hero .product p { font-size: 18px; line-height: 1.2; }
}
@media (max-width: 720px) {
  .en-diagram-engine .cycle-center span { font-size: 12px; }
  .en-diagram-case .app-row strong { font-size: 12px; }
  .en-diagram-case .skin-tags span { font-size: 10px; }
  .en-diagram-skill .summary-card strong { font-size: 13px; line-height: 1.3; }
  .en-diagram-skill .center-head h2 { font-size: 18px; }
  .en-diagram-hero .method-step b { font-size: 11px; }
  .en-diagram-challenge .node b { font-size: 17px; }

}
@media (max-width: 720px) {
  .en-diagram-challenge .diagnosis .accent { font-size: 15px; line-height: 1.4; }
  .en-diagram-hero .system-title strong { font-size: 17px; }
  .en-diagram-hero .core-node { font-size: 14px; }
  .en-diagram-hero .summary-card b { font-size: 13px; line-height: 1.35; }
  .en-diagram-case .app-row strong { font-size: 12px; }
  .en-diagram-case .app-row span { font-size: 13px; }
  .en-diagram-case .skin-tags span { font-size: 10px; }
  .en-diagram-case .radar-chart text { font-size: 12px; }
  .en-diagram-skill .center-head h2 { font-size: 18px; }
  .en-diagram-skill .summary-card strong { font-size: 13px; }
  .en-diagram-skill .method-node { white-space: normal; font-size: 11px; }
  .en-diagram-skill .skill-stack strong { font-size: 20px; }
  .en-diagram-skill .skill-stack span { font-size: 11px; }
}
@media (min-width: 721px) {
  .en-diagram-skill .app-card p { font-size: 17px; line-height: 1.2; }
  .en-diagram-case .middle-card h2 { font-size: 46px; line-height: 1.3; }
  .en-diagram-industry h1 span { line-height: 1.3; }
}
@media (max-width: 720px) {
  .en-diagram-industry h1 { white-space: normal; line-height: 1.2; }
  .en-diagram-industry h1 span + span::before { content: " "; }
  .en-diagram-industry .priority-close { white-space: normal; line-height: 1.25; }
  .en-diagram-hero .summary-card span { font-size: 11px; }
  .en-diagram-industry .priority-tile b { font-size: 13px; line-height: 1.3; }
  .en-diagram-industry .priority-tile span { font-size: 13px; }
}
html:has(#product-overview-mobile-styles[media="all"]) .en-diagram-product .arrow { font-size: 24px; }
html:has(#product-overview-mobile-styles[media="all"]) .en-diagram-product .dark-strip span { font-size: 12px; line-height: 1.3; }
html:has(#product-overview-mobile-styles[media="all"]) .en-diagram-product .tag { white-space: normal; font-size: 13px; }
html:has(#product-overview-mobile-styles[media="all"]) .en-diagram-product .section-title span { white-space: normal; font-size: 13px; }
html:has(#product-overview-mobile-styles[media="all"]) .en-diagram-product .title strong { font-size: 23px; line-height: 1.2; }
html:has(#product-overview-mobile-styles[media="all"]) .en-diagram-product .section-title strong { font-size: 20px; line-height: 1.2; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .score-big { font-size: 56px; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .score-ring { font-size: 40px; }
html:has(#product-overview-mobile-styles[media="not all"]) .en-diagram-product .stat b { font-size: 24px; line-height: 1.2; }
.en-diagram-product .logo-card span { text-align: center; }
/* Keep English copy inside the original fixed summary and challenge cards. */
@media (min-width: 721px) {
  .en-diagram-hero .summary-card small,
  .en-diagram-hero .summary-card b,
  .en-diagram-hero .summary-card span { line-height: 1.2; }
  .en-diagram-hero .summary-card b { font-size: 22px; }
  .en-diagram-hero .summary-card span { font-size: 18px; }
  .en-diagram-challenge .node p { font-size: 24px; line-height: 1.3; }
  .en-diagram-challenge .entry strong { font-size: 26px; line-height: 1.2; }
  .en-diagram-challenge .entry span { font-size: 22px; line-height: 1.2; }
  .en-diagram-challenge .diagnosis p { font-size: 26px; line-height: 1.3; }
}
html:has(#product-overview-mobile-styles[media="all"]) .en-diagram-product .score-ring { font-size: 22px; }
html:has(#product-overview-mobile-styles[media="all"]) .en-diagram-product .stat b { font-size: 13px; line-height: 1.2; }
html:has(#product-overview-mobile-styles[media="all"]) .en-diagram-product .stat span { font-size: 11px; line-height: 1.2; text-align: center; }
html:has(#product-overview-mobile-styles[media="all"]) .en-diagram-product .logo-card span { font-size: 12px; line-height: 1.2; }
