/* ============================================================
   zs-typo.css — English (com-static) typography hardening
   Task ③. Loaded AFTER zs2026.css. English-only; no impact on CN.
   Goal: long English words / non-breaking hyphens must not overflow
   narrow cards, and longer English nav labels must not squeeze the
   top bar between md and xl. No colour or structural layout change.
   ============================================================ */

/* 1) Long-word safety inside fixed-width cards / long-form content.
   Poppins compounds such as "High-Energy-Density" or U+2011 (‑)
   linked tokens wrap instead of pushing the card box wider. */
.prod-card, .prod-card h2,
.news-card, .news-card h3,
.scroll-card, .scroll-card a,
.news-item, .news-item h2,
.article-body, .article-body p, .article-body li,
.article-cover-img,
.nav-dropdown-item,
.zs-footer a, .zs-footer p, .zs-footer span {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* 2) Desktop top nav: English labels are longer than the CN set.
   Between md and xl the bar has almost no slack; tighten padding/gap
   and drop the link font by 1px so all 7 items + CTA fit without
   squeeze or wrap. At >=1536 (2xl) the default rhythm is restored. */
@media (min-width: 768px) and (max-width: 1535px) {
  .nav-main { gap: 0.15rem; }
  .nav-main .nav-link {
    padding-left: 0.45rem;
    padding-right: 0.45rem;
    font-size: 14px;
  }
  .nav-main .btn-primary {
    margin-left: 0.6rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}