/* English type only. Geometry, colours and responsive layouts come from the Chinese styles.css. */
html[lang="en"] {
  --display: "Synva Serif", Georgia, serif;
  --body: "Synva Sans", Arial, sans-serif;
}
html[lang="en"] body { font-family: var(--body); }
html[lang="en"] :is(.display-title, .section-title) {
  font-family: var(--display);
  font-weight: 600 !important;
  letter-spacing: -.025em;
}
html[lang="en"] :is(.hero-lede, .section-lede) { font-weight: 400; }
html[lang="en"] :is(.brand-mark, .footer-brand) { font-family: var(--body); }
html[lang="en"] .brand-sub { font-size: 12px; }
html[lang="en"] :is(.nav-links a, .nav-actions .btn) { white-space: nowrap; }
html[lang="en"] .footer-col { overflow-wrap: normal; }
html[lang="en"] .footer-col :is(a, span) { line-height: 1.5; }
html[lang="en"] .footer-mini-actions button { font-size: 12px; }
html[lang="en"] .footer-qr-row article span { font-size: 11px; }
html[lang="en"] .footer-legal-lines { font-size: 11px; }
html[lang="en"] :is(.hero-lede, .section-lede) { text-wrap: wrap; }
html[lang="en"] :is(.shot-button, .tab-button) { white-space: normal; line-height: 1.35; }
/* Use the existing five columns, with enough room for complete product names. */
html[lang="en"] .footer-main.footer-main-compact {
  grid-template-columns: minmax(240px, clamp(240px,22vw,310px)) minmax(0,1fr);
  gap: clamp(24px,3vw,44px);
}
html[lang="en"] .footer-grid.footer-grid-compact {
  grid-template-columns: minmax(180px,1.15fr) minmax(180px,1.2fr) minmax(145px,1fr) minmax(100px,.72fr) minmax(136px,.8fr);
  gap: clamp(16px,1.5vw,24px);
}
html[lang="en"] .footer-col { min-width: 0; }
html[lang="en"] .footer-col:first-child > a { white-space: nowrap; }
@media (min-width: 901px) {
  /* Keep column widths stable as the four gaps shrink to 12px. */
  html[lang="en"] .footer-grid.footer-grid-compact {
    column-gap: 12px;
    width: calc(100% - clamp(16px, calc(6vw - 48px), 48px));
    margin-left: auto;
  }
}
/* Separate the advisor input from the links while keeping the five columns compact. */
@media (min-width: 1281px) {
  html[lang="en"] .footer-main.footer-main-compact { gap: clamp(64px,5vw,80px); }
  html[lang="en"] .footer-grid.footer-grid-compact { gap: 12px; width: calc(100% - 16px); }
}
@media (max-width: 1280px) {
  html[lang="en"] .footer-main.footer-main-compact { grid-template-columns: minmax(0,1fr); gap: 36px; }
}
@media (max-width: 900px) {
  html[lang="en"] .footer-grid.footer-grid-compact { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px 24px; }
}
@media (min-width: 821px) and (max-width: 1024px) {
  /* Fit the longer English navigation before the existing mobile-menu breakpoint. */
  html[lang="en"] .site-header .brand-sub { display: none; }
  html[lang="en"] .nav-links { gap: 16px; }
  html[lang="en"] .nav-actions { gap: 8px; }
  html[lang="en"] .nav-actions .btn { padding-inline: 12px; font-size: 13px; }
}
@media (max-width: 760px) {
  html[lang="en"] .nav-actions .btn { font-size: 12px; }
  html[lang="en"] .footer-grid.footer-grid-compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 430px) {
  html[lang="en"] .footer-col:first-child { grid-column: 1 / -1; }
}