/* C-SYM-KNEE-01 — Mobile Responsive Fix Candidate R1
   Candidate-only scope. No global/public_html write.
   390px goals: wrap safety, deterministic mobile header,
   Arabic ticker anchoring, compact assistant + safe text rail. */

@media (max-width: 430px) {
  .site-header .nav-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .brand--compact {
    min-width: 0 !important;
    max-width: calc(100% - 60px) !important;
    flex: 1 1 auto !important;
  }

  .menu-toggle {
    display: flex !important;
    flex: 0 0 48px !important;
    margin: 0 !important;
  }

  .page-hero__content,
  .localized-main .container {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .page-hero h1,
  .page-hero p,
  .localized-main .section-heading h2,
  .localized-main .prose {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body > .centre-assistant:not(.is-open) {
    inset-inline-end: 12px !important;
    max-width: 56px !important;
  }

  body > .centre-assistant:not(.is-open) .centre-assistant__launcher {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    padding: 6px !important;
  }

  body > .centre-assistant:not(.is-open) .centre-assistant__launcher-label {
    display: none !important;
  }

  .localized-main .container {
    padding-inline-end: 72px !important;
  }

  /* Keep the ticker viewport LTR-anchored for the JS pixel transform.
     Arabic text inside each group remains RTL via the existing global rule. */
  html[lang="ar"] .specialties-ticker__viewport {
    direction: ltr !important;
  }
}