html[lang="ar"] body {
  font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui,
    sans-serif;
  letter-spacing: 0.01em;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] .brand,
html[lang="ar"] .primary-nav {
  font-family: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui,
    sans-serif;
}
.zh-site-header {
  border-top: 0;
  box-shadow: 0 8px 24px rgba(7, 31, 59, 0.045);
}
.zh-site-header .nav-inner {
  min-height: 64px;
  gap: 12px;
}
.zh-site-header .brand {
  min-width: 174px;
  gap: 9px;
}
.zh-site-header .brand-mark {
  width: 38px;
  height: 38px;
}
.zh-site-header .brand strong {
  font-size: 13px;
}
.zh-site-header .brand small {
  font-size: 12px;
}
.zh-site-header .primary-nav {
  gap: clamp(16px, 1.6vw, 26px);
}
.zh-site-header .nav-item-mega {
  height: 64px;
}
.zh-site-header .primary-nav > a,
.zh-site-header .primary-nav > .nav-item-mega > a {
  color: #405a76;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.zh-site-header .primary-nav > a:hover,
.zh-site-header .primary-nav > a.is-current,
.zh-site-header .primary-nav > .nav-item-mega > a:hover,
.zh-site-header .primary-nav > .nav-item-mega > a.is-current {
  color: var(--ink);
}
.zh-site-header .primary-nav > a::after,
.zh-site-header .nav-item-mega > a::after {
  bottom: -23px;
}
.zh-site-header .search-trigger {
  width: 36px;
  height: 36px;
}
.zh-site-header .language-button {
  min-width: 60px;
  height: 36px;
  padding: 0 10px;
  font-size: 12px;
}
.zh-site-header .nav-actions {
  gap: 6px;
  margin-left: 0;
}
.zh-site-header .mega-intro small {
  text-transform: none;
}
.zh-site-header .mega-category-grid a {
  font-size: 12px;
}
.zh-site-header .mega-intro strong {
  font-size: 20px;
  line-height: 1.55;
}
html[lang="ar"] .hero-copy h1 {
  max-width: 650px;
  font-size: clamp(3rem, 4.2vw, 4.2rem);
  line-height: 1.18;
  letter-spacing: -0.035em;
}
html[lang="ar"] .hero-lede {
  max-width: 570px;
  line-height: 1.9;
}
html[lang="ar"] .section-heading h2,
html[lang="ar"] .page-heading h2 {
  font-size: clamp(2.35rem, 3.2vw, 3.55rem);
  line-height: 1.22;
  letter-spacing: -0.025em;
}
html[lang="ar"] .section-heading > p,
html[lang="ar"] .page-heading > p {
  line-height: 1.9;
}
html[lang="ar"] .service-category-card {
  min-height: 94px;
  padding: 14px 38px 14px 14px;
}
html[lang="ar"] .service-category-card strong {
  font-size: 14px;
  line-height: 1.45;
}
html[lang="ar"] .service-category-card small {
  font-size: 12px;
  line-height: 1.5;
}
.zh-letter-icon {
  display: grid !important;
  place-items: center;
  font-size: 13px;
  font-weight: 800;
  color: var(--brand-600);
}
.zh-hospital-logo {
  display: grid !important;
  place-items: center;
  width: auto !important;
  min-width: 62px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 800;
  color: var(--brand-700);
}
.zh-case-grid article > a {
  display: block;
  color: inherit;
}
.zh-case-grid .case-body span {
  color: var(--brand-700);
  font-size: 12px;
  font-weight: 700;
}
.hospital-list article > a {
  display: block;
  height: 100%;
  color: inherit;
}
.hospital-list article {
  overflow: hidden;
}
.hospital-media {
  padding: 0;
  overflow: hidden;
}
.hospital-media img,
.hospital-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hospital-cover::after {
  display: none;
}
.hospital-badge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hospital-card {
  position: relative;
}
.hospital-rank {
  position: absolute;
  z-index: 3;
  left: 18px;
  top: 18px;
  padding: 7px 11px;
  color: var(--brand-900);
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 7px 18px rgba(7, 31, 59, 0.12);
  font-size: 12px;
  font-weight: 700;
}
.zh-hospital-logo {
  padding: 5px !important;
}
.zh-hospital-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hospital-body > p:not(.hospital-location):not(.location) {
  min-height: 84px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.hospital-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 18px 0;
}
.hospital-facts span {
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--bg);
}
.hospital-facts small,
.hospital-facts strong {
  display: block;
}
.hospital-facts small {
  color: var(--muted);
  font-size: 12px;
}
.hospital-facts strong {
  margin-top: 2px;
  color: var(--brand-900);
  font-size: 16px;
}
.hospital-emblem-logo {
  padding: 8px;
  overflow: hidden;
}
.hospital-emblem-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.zh-hospital-logo {
  width: 64px !important;
  min-width: 64px !important;
  height: 64px !important;
}
html[lang="ar"] .process-row h3,
html[lang="ar"] .stage-card h3,
html[lang="ar"] .subcondition-card h3 {
  line-height: 1.5;
}
html[lang="ar"] .process-row p,
html[lang="ar"] .stage-card li {
  line-height: 1.75;
}
html[lang="ar"] .process-steps h3 {
  font-size: 18px;
  line-height: 1.5;
}
html[lang="ar"] .process-steps p {
  font-size: 13px;
  line-height: 1.75;
}
html[lang="ar"] .process-steps small {
  letter-spacing: 0.08em;
}
html[lang="ar"] .video-caption strong {
  font-size: 25px;
  line-height: 1.45;
}
html[lang="ar"] .story-body h3 {
  line-height: 1.55;
}
html[lang="ar"] .story-quote {
  font-size: 23px;
  line-height: 1.45;
}
html[lang="ar"] .page-hero-copy h1,
html[lang="ar"] .detail-hero h1 {
  font-size: clamp(2.9rem, 4.1vw, 4.25rem);
  line-height: 1.18;
  letter-spacing: -0.03em;
}
html[lang="ar"] .specialty-name {
  font-size: 12px;
  line-height: 1.55;
}
html[lang="ar"] .specialty-choice {
  min-height: 72px;
}
html[lang="ar"] .care-reason-copy h3 {
  line-height: 1.55;
}
html[lang="ar"] .care-reason-copy p {
  line-height: 2;
}
html[lang="ar"] .form-grid input,
html[lang="ar"] .form-grid select,
html[lang="ar"] .form-grid textarea {
  font-size: 13px;
}
html[lang="ar"] .hospital-grid .hospital-media {
  height: 200px;
}
html[lang="ar"] .hospital-grid .hospital-body {
  padding: 24px 22px 22px;
}
html[lang="ar"] .hospital-grid .hospital-body > .hospital-location {
  min-height: 0 !important;
  width: fit-content !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 13px !important;
  padding: 6px 11px !important;
  color: var(--brand-700) !important;
  border: 1px solid #c6daf0 !important;
  border-radius: 999px !important;
  background: #eaf3fc !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
}
html[lang="ar"] .hospital-grid .hospital-location svg {
  width: 13px;
  height: 13px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
html[lang="ar"] .hospital-grid .hospital-body h3 {
  min-height: 48px;
  margin: 0 0 8px;
  font-size: 19px;
  line-height: 1.4;
}
html[lang="ar"]
  .hospital-grid
  .hospital-body
  > p:not(.hospital-location):not(.location) {
  min-height: 66px;
  margin: 0;
  font-size: 13px;
  line-height: 1.7;
  -webkit-line-clamp: 3;
}
html[lang="ar"] .hospital-grid .hospital-facts {
  margin: 14px 0;
}
html[lang="ar"] .hospital-grid .hospital-facts span {
  padding: 9px 11px;
}
html[lang="ar"] .hospital-grid .card-actions {
  margin-top: 0;
  padding-top: 14px;
}
html[lang="ar"] .sp-hero-copy h1 {
  font-size: clamp(3rem, 4.2vw, 4.45rem);
  line-height: 1.2;
  letter-spacing: -0.03em;
}
html[lang="ar"] .sp-heading h2 {
  font-size: clamp(2.35rem, 3.55vw, 3.75rem);
  line-height: 1.26;
  letter-spacing: -0.025em;
}
html[lang="ar"] .sp-card h3,
html[lang="ar"] .sp-service-columns h3 {
  line-height: 1.5;
}
html[lang="ar"] .hospital-title h1 {
  font-size: clamp(2.7rem, 3.7vw, 3.9rem);
  line-height: 1.15;
}
.zh-planning-sections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 42px;
}
.zh-planning-card {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 18px;
  min-height: 190px;
  padding: 28px;
  border: 1px solid rgba(var(--brand-rgb), 0.13);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 35px rgba(var(--brand-rgb), 0.055);
}
.zh-planning-card:last-child {
  grid-column: 1/-1;
}
.zh-planning-card > span {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, var(--brand-600), var(--brand-900));
  font-weight: 800;
}
.zh-planning-card h3 {
  margin: 3px 0 12px;
  font-size: 21px;
}
.zh-planning-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.85;
}
.zh-footer .footer-column a {
  line-height: 1.65;
}
.zh-footer .footer-bottom {
  align-items: center;
}
@media (max-width: 1240px) {
  .zh-site-header .brand {
    min-width: 156px;
  }
  .zh-site-header .brand small {
    display: none;
  }
  .zh-site-header .primary-nav {
    gap: 10px;
  }
  .zh-site-header .primary-nav > a,
  .zh-site-header .primary-nav > .nav-item-mega > a {
    font-size: 14px;
  }
}
@media (max-width: 1100px) {
  .zh-site-header .primary-nav {
    top: 64px;
  }
  .zh-site-header .brand small {
    display: block;
  }
  .zh-planning-sections {
    grid-template-columns: 1fr;
  }
  .zh-planning-card:last-child {
    grid-column: auto;
  }
}
@media (max-width: 780px) {
  html[lang="ar"] .hero-copy h1,
  html[lang="ar"] .page-hero-copy h1,
  html[lang="ar"] .detail-hero h1,
  html[lang="ar"] .sp-hero-copy h1 {
    font-size: clamp(2.35rem, 10.5vw, 3.35rem);
  }
  html[lang="ar"] .section-heading h2,
  html[lang="ar"] .page-heading h2,
  html[lang="ar"] .sp-heading h2 {
    font-size: clamp(2rem, 8vw, 2.65rem);
  }
  html[lang="ar"] .service-category-card {
    min-height: 86px;
  }
  .zh-planning-card {
    grid-template-columns: 44px 1fr;
    min-height: 0;
    padding: 22px;
  }
  .zh-planning-card > span {
    width: 40px;
    height: 40px;
  }
}

/* الإنجليزية-specific typography و overflow protection. */
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0;
}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] .brand,
html[lang="ar"] .primary-nav {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: -0.025em;
}
html[lang="ar"] .primary-nav {
  gap: clamp(14px, 1.55vw, 25px);
  font-size: 13px;
}
html[lang="ar"] .brand-name {
  font-size: 14px;
  white-space: nowrap;
}
html[lang="ar"] .brand-tagline {
  font-size: 9px;
  letter-spacing: .08em;
}
html[lang="ar"] .hero-copy h1,
html[lang="ar"] .page-hero-copy h1,
html[lang="ar"] .detail-hero h1,
html[lang="ar"] .sp-hero-copy h1 {
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.02;
  max-width: 13ch;
}
html[lang="ar"] .section-heading h2,
html[lang="ar"] .page-heading h2,
html[lang="ar"] .sp-heading h2,
html[lang="ar"] .faq-intro h2,
html[lang="ar"] .contact-panel h2,
html[lang="ar"] .sp-cta h2,
html[lang="ar"] .sp-editorial h2 {
  font-size: clamp(32px, 3.65vw, 52px);
  line-height: 1.08;
  max-width: 18ch;
}
html[lang="ar"] .specialty-name,
html[lang="ar"] .filter-chip,
html[lang="ar"] .directory-card h3,
html[lang="ar"] .hospital-card h3,
html[lang="ar"] .expert-card h3,
html[lang="ar"] .subcondition-card h3,
html[lang="ar"] .care-service-card h3,
html[lang="ar"] .team-card h3 {
  overflow-wrap: anywhere;
  hyphens: auto;
}
html[lang="ar"] .specialty-name {
  font-size: 12px;
  line-height: 1.25;
}
html[lang="ar"] .specialty-choice {
  min-height: 76px;
  padding-inline: 13px;
}
html[lang="ar"] .specialty-page-link,
html[lang="ar"] .button,
html[lang="ar"] .btn,
html[lang="ar"] .card-actions a,
html[lang="ar"] .card-actions button {
  white-space: normal;
  text-align: center;
  line-height: 1.25;
}
html[lang="ar"] .directory-filter-bar button,
html[lang="ar"] .filter-chip {
  min-height: 38px;
  line-height: 1.2;
}
html[lang="ar"] .care-stage-tabs button {
  min-height: 74px;
  padding-inline: 18px;
}
html[lang="ar"] .care-journey-summary,
html[lang="ar"] .planning-intro,
html[lang="ar"] .sp-hero-copy > p {
  max-width: 66ch;
}
html[lang="ar"] .sp-hero-copy h1 {
  max-width: 16ch;
  font-size: clamp(40px, 4.2vw, 56px);
  line-height: 1.04;
}
html[lang="ar"] .page-hero-copy h1 {
  max-width: 16ch;
  font-size: clamp(40px, 4.35vw, 58px);
  line-height: 1.04;
}
html[lang="ar"] .page-hero-copy h1 em,
html[lang="ar"] .sp-hero-copy h1 em,
html[lang="ar"] .page-hero-copy h1 .en-accent {
  display: block;
}
html[lang="ar"] .page-hero-copy h1 .en-accent {
  color: var(--brand-600);
}
html[lang="ar"] .info-hero h1 {
  max-width: 18ch;
  font-size: clamp(40px, 4.5vw, 60px);
  line-height: 1.06;
}
html[lang="ar"] .section-heading h2,
html[lang="ar"] .sp-heading h2 {
  font-size: clamp(31px, 2.9vw, 44px);
  line-height: 1.12;
}
html[lang="ar"] .section-heading h2 {
  max-width: none;
}
html[lang="ar"] .sp-heading h2 {
  max-width: 26ch;
}
html[lang="ar"] .section-heading {
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, .35fr);
  gap: clamp(36px, 4vw, 64px);
}
html[lang="ar"] .section-heading > p {
  max-width: 380px;
  color: #71839a;
  font-size: 15px;
  line-height: 1.75;
}
html[lang="ar"] .zh-site-header .primary-nav {
  gap: clamp(13px, 1.15vw, 20px);
}
html[lang="ar"] .zh-site-header .primary-nav > a,
html[lang="ar"] .zh-site-header .primary-nav > .nav-item-mega > a {
  color: #697d93;
  font-size: 12px;
  font-weight: 450;
}
html[lang="ar"] .zh-site-header .primary-nav > a:hover,
html[lang="ar"] .zh-site-header .primary-nav > a.is-current,
html[lang="ar"] .zh-site-header .primary-nav > .nav-item-mega > a:hover,
html[lang="ar"] .zh-site-header .primary-nav > .nav-item-mega > a.is-current {
  color: #284867;
}
html[lang="ar"] .footer-grid {
  grid-template-columns: minmax(240px, 1.35fr) repeat(3, minmax(145px, .72fr));
  gap: clamp(28px, 4vw, 64px);
}
@media (max-width: 1120px) {
  html[lang="ar"] .primary-nav { gap: 12px; font-size: 12px; }
  html[lang="ar"] .language-button { padding-inline: 10px; }
  html[lang="ar"] .specialty-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 981px) و (max-width: 1439px) {
  html[lang="ar"] .zh-site-header .shell {
    max-width: none;
    padding-inline: 20px;
  }
  html[lang="ar"] .zh-site-header .brand {
    min-width: 148px;
    gap: 7px;
  }
  html[lang="ar"] .zh-site-header .brand-mark {
    width: 34px;
    height: 34px;
  }
  html[lang="ar"] .zh-site-header .brand strong {
    font-size: 12px;
  }
  html[lang="ar"] .zh-site-header .brand small {
    display: none;
  }
  html[lang="ar"] .zh-site-header .primary-nav {
    gap: 12px;
  }
  html[lang="ar"] .zh-site-header .primary-nav a {
    color: #718398;
    font-size: 10.5px;
    font-weight: 450;
  }
  html[lang="ar"] .zh-site-header .search-trigger {
    width: 32px;
    height: 32px;
  }
  html[lang="ar"] .zh-site-header .language-button {
    min-width: 46px;
    height: 32px;
    padding-inline: 8px;
  }
}
@media (min-width: 981px) و (max-width: 1120px) {
  html[lang="ar"] .zh-site-header .shell {
    padding-inline: 14px;
  }
  html[lang="ar"] .zh-site-header .brand {
    min-width: 132px;
  }
  html[lang="ar"] .zh-site-header .primary-nav {
    gap: 8px;
  }
  html[lang="ar"] .zh-site-header .primary-nav a {
    font-size: 10px;
  }
  html[lang="ar"] .zh-site-header .search-trigger {
    display: none;
  }
}
@media (min-width: 1200px) و (max-width: 1439px) {
  html[lang="ar"] .zh-site-header .primary-nav {
    gap: 14px;
  }
  html[lang="ar"] .zh-site-header .primary-nav a {
    font-size: 11.5px;
  }
}
@media (max-width: 760px) {
  html[lang="ar"] .hero-copy h1,
  html[lang="ar"] .page-hero-copy h1,
  html[lang="ar"] .detail-hero h1,
  html[lang="ar"] .sp-hero-copy h1 { font-size: clamp(38px, 12vw, 54px); }
  html[lang="ar"] .specialty-grid { grid-template-columns: 1fr; }
  html[lang="ar"] .footer-grid { grid-template-columns: 1fr 1fr; }
  html[lang="ar"] .specialty-explorer-heading {
    flex-direction: column;
  }
  html[lang="ar"] .specialty-heading-actions {
    width: 100%;
    flex-wrap: wrap;
  }
  html[lang="ar"] .section-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}


/* Dynamic الإنجليزية CMS: five-column footer و resilient long labels. */
html[lang="ar"] .footer-grid,
html[lang="ar"] .updated-footer {
  grid-template-columns: minmax(220px, 1.25fr) repeat(4, minmax(128px, .7fr));
  gap: clamp(24px, 3vw, 48px);
}
html[lang="ar"] .cms-directory-card h2,
html[lang="ar"] .cms-profile-page h1,
html[lang="ar"] .expert-hospital-name {
  overflow-wrap: anywhere;
  hyphens: auto;
}
@media (max-width: 1080px) {
  html[lang="ar"] .footer-grid,
  html[lang="ar"] .updated-footer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[lang="ar"] .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  html[lang="ar"] .footer-grid,
  html[lang="ar"] .updated-footer { grid-template-columns: 1fr; }
}

/* Arabic is semantic RTL, not a mirrored canvas. Media, marks and numeric data stay unflipped. */
html[lang="ar"] { direction: rtl; }
html[lang="ar"] body {
  font-family: "Noto Kufi Arabic", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  text-align: start;
  letter-spacing: 0;
  line-height: 1.75;
}
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] h4, html[lang="ar"] .brand, html[lang="ar"] .primary-nav {
  font-family: "Noto Kufi Arabic", "Noto Sans Arabic", Tahoma, Arial, sans-serif;
  letter-spacing: 0;
}
html[lang="ar"] img, html[lang="ar"] video, html[lang="ar"] svg,
html[lang="ar"] .brand-mark, html[lang="ar"] .hospital-emblem { transform: none; }
html[lang="ar"] input, html[lang="ar"] textarea, html[lang="ar"] select,
html[lang="ar"] button { font-family: inherit; text-align: start; }
html[lang="ar"] input[type="email"], html[lang="ar"] input[type="tel"],
html[lang="ar"] [data-ltr], html[lang="ar"] .directory-case-number,
html[lang="ar"] .case-number, html[lang="ar"] .phone-number {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;
}
html[lang="ar"] .zh-site-header .nav-inner,
html[lang="ar"] .zh-site-header .nav-cluster,
html[lang="ar"] .zh-site-header .primary-nav,
html[lang="ar"] .zh-site-header .nav-actions { direction: rtl; }
html[lang="ar"] .zh-site-header .brand { min-width: 156px; }
html[lang="ar"] .zh-site-header .brand small { direction: ltr; unicode-bidi: isolate; }
html[lang="ar"] .zh-site-header .primary-nav { gap: clamp(8px, .8vw, 14px); }
html[lang="ar"] .zh-site-header .primary-nav > a,
html[lang="ar"] .zh-site-header .primary-nav > .nav-item-mega > a { font-size: 13px; }
html[lang="ar"] .zh-site-header .mega-category-grid a::before { content: "‹"; margin-right: 0; margin-left: 8px; }
html[lang="ar"] .page-heading h2, html[lang="ar"] .section-heading h2,
html[lang="ar"] .sp-heading h2 { max-width: 32ch; text-wrap: balance; }
html[lang="ar"] .hero-copy h1, html[lang="ar"] .directory-hero h1,
html[lang="ar"] .hospital-title h1 { overflow-wrap: normal; word-break: normal; hyphens: none; }
html[lang="ar"] .zh-cms-home .hero-copy h1 { max-width: 15ch; font-size: clamp(40px, 4.5vw, 62px); }
html[lang="ar"] .service-category-card small,
html[lang="ar"] .cms-specialty-panel .specialty-detail-summary p {
  display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;
}
html[lang="ar"] .zh-cms-home .service-category-card small { max-height: 3.5em; -webkit-line-clamp: 2; }
html[lang="ar"] .cms-service-doctors .expert-role,
html[lang="ar"] .cms-directory-doctors .expert-role {
  display: -webkit-box; max-height: 3.5em; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
html[lang="ar"] .service-team-card h3, html[lang="ar"] .cms-hospital-card h3,
html[lang="ar"] .directory-expert-card h2 { overflow-wrap: anywhere; }
html[lang="ar"] .cms-intro-list p { padding-right: 34px; padding-left: 0; }
html[lang="ar"] .cms-intro-list p::before { right: 0; left: auto; }
html[lang="ar"] .cms-directory-doctors .cms-card-detail-arrow { right: auto; left: 14px; }
html[lang="ar"] .directory-case-result { border-right: 3px solid var(--brand-500); border-left: 0; }
html[lang="ar"] .planning-content-list aside,
html[lang="ar"] .sp-editorial blockquote { border-right: 2px solid #cfe1f5; border-left: 0; }
html[lang="ar"] .hospital-hero-grid, html[lang="ar"] .sp-about-hospital {
  direction: ltr;
}
html[lang="ar"] .hospital-hero-copy, html[lang="ar"] .sp-about-hospital > * { direction: rtl; }
html[lang="ar"] .hospital-photo .verified { right: 20px; left: auto; }
html[lang="ar"] .directory-hospital-card, html[lang="ar"] .directory-case-card,
html[lang="ar"] .expert-head { direction: rtl; }
html[lang="ar"] .directory-hospital-media img, html[lang="ar"] .directory-case-image img,
html[lang="ar"] .expert-avatar img { direction: ltr; }
html[lang="ar"] .directory-hospital-logo { right: 18px; left: auto; }
html[lang="ar"] .avatar-stack span, html[lang="ar"] .expert-stack span { margin-right: -8px; margin-left: 0; }
html[lang="ar"] .avatar-stack span:first-child { margin-right: 0; }
html[lang="ar"] .service-content li { padding-right: 22px; padding-left: 0; }
html[lang="ar"] .service-content li::before { right: 0; left: auto; }
html[lang="ar"] .service-category-card::after { right: auto; left: 12px; }
html[lang="ar"] .support-card-grid small { right: auto; left: 24px; }
html[lang="ar"] .sp-process li:not(:last-child)::after { transform: scaleX(-1); }
html[lang="ar"] .directory-filter-row { row-gap: 8px; padding-bottom: 6px; }
html[lang="ar"] .directory-filter-row .directory-filters.is-collapsed { max-height: 90px; padding-bottom: 3px; }
html[lang="ar"] .directory-filter-toggle { margin-top: 0; }
html[lang="ar"] .story-track.is-looping { animation-name: blue-story-scroll-rtl; }
html[lang="ar"] .story-marquee { margin-right: calc((var(--shell) - 100vw) / 2); margin-left: 0; }
@keyframes blue-story-scroll-rtl { to { transform: translate3d(var(--story-loop-distance), 0, 0); } }
html[lang="ar"] table { direction: rtl; }
html[lang="ar"] th, html[lang="ar"] td { text-align: right; }
html[lang="ar"] .condition-knowledge-number,
html[lang="ar"] .condition-insight-list summary > b {
  direction: ltr;
  unicode-bidi: isolate;
  letter-spacing: 0;
}
html[lang="ar"] .condition-knowledge-item-title,
html[lang="ar"] .condition-knowledge-item-description { text-align: right; }
@media (min-width: 981px) and (max-width: 1240px) {
  html[lang="ar"] .zh-site-header .brand small { display: none; }
  html[lang="ar"] .zh-site-header .brand { min-width: 118px; }
  html[lang="ar"] .zh-site-header .primary-nav { gap: 6px; }
  html[lang="ar"] .zh-site-header .primary-nav > a,
  html[lang="ar"] .zh-site-header .primary-nav > .nav-item-mega > a { font-size: 12px; }
}
@media (max-width: 980px) {
  html[lang="ar"] .zh-site-header .brand { min-width: 0; }
  html[lang="ar"] .section-heading { grid-template-columns: 1fr; }
  html[lang="ar"] .zh-cms-home .hero-copy h1 { max-width: none; font-size: clamp(36px, 10vw, 52px); }
}