body { font-family: "Segoe UI", Arial, sans-serif; }
h1, h2, h3, p, dd, figcaption { overflow-wrap: break-word; }
.brand-company { max-width: none; font-size: 12px; line-height: 1.45; white-space: nowrap; }
.main-nav { gap: 18px; }
.hero h1 span { display: block; font-size: 32px; line-height: 1.25; }
.hero-copy { max-width: 540px; }
.hero-description { line-height: 1.6; }
.product-model-nav a { min-width: 0; }
.product-model-nav span { line-height: 1.6; }
.spec-list > div { grid-template-columns: 150px minmax(0, 1fr); }
.principle-chapters button { padding-inline: 12px; }
.principle-chapters strong { overflow-wrap: break-word; }
.software-figure figcaption { flex-wrap: wrap; }
.evidence-tabs button { white-space: normal; line-height: 1.4; }
.mcg-options strong { white-space: normal; }
.footer-brand { max-width: 420px; }
@media (max-width: 640px) {
  .hero h1 span { font-size: 26px; }
  .hero-product-options button { padding-inline: 8px; font-size: 11px; }
  .hero-product-controls { gap: 6px; }
  .hero .actions { flex-wrap: wrap; gap: 12px 20px; }
  .page-intro h1 { font-size: 30px; line-height: 1.25; }
  .spec-list > div { grid-template-columns: 105px minmax(0, 1fr); }
  .principle-chapters button { min-height: 96px; }
  .principle-chapters strong { font-size: 12px; }
  .mcg-options label { grid-template-columns: 16px minmax(0, 1fr); }
  .mcg-options strong { grid-column: 2; }
  .mcg-dialog-header h2 { font-size: 14px; }
  .mcg-tabs button { font-size: 11px; }
}