/* V13.1 — Arabic typography refinement only.
   Scoped to the Arabic document so that no English, media or motion system changes.
   Respect original clipped-reveal animation containers and geometry. */
html:lang(ar){--ar-reading-leading:1.9;--ar-display-leading:1.31}
html:lang(ar) body{font-family:'Sami Arabic',Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html:lang(ar) :where(main,section,article,aside,.hero-copy,.ab-hero-copy,.tx-hero-copy,.conditions-hero-copy,.pgx-copy,.ct-hero-copy) {min-width:0}
html:lang(ar) :where(main p,main li,main blockquote,main dd){line-height:var(--ar-reading-leading);letter-spacing:0;overflow-wrap:break-word}
html:lang(ar) :where(main h1,main h2,main h3,main h4){letter-spacing:0;hyphens:none;overflow-wrap:break-word}
html:lang(ar) :where(.hp-kicker,.tx-label,.ab-eyebrow,.pgx-kicker,.ct-kicker,.chapter-kicker,.journal-eyebrow){font-family:'Sami Arabic',Tahoma,Arial,sans-serif;font-weight:600;letter-spacing:0;line-height:1.75}
html:lang(ar) :where(button,input,textarea,select,.sami-nav-drawer,.desktop-nav,.mobile-menu){font-family:'Sami Arabic',Tahoma,Arial,sans-serif}

/* Clearer editorial rhythm, with room for Arabic ascenders and marks. */
html:lang(ar) .headline{font-family:'Sami Naskh',Georgia,serif;font-size:clamp(64px,7vw,110px);font-weight:400;line-height:var(--ar-display-leading);white-space:normal;max-width:100%;letter-spacing:0}
html:lang(ar) .headline-line{overflow:hidden;padding:.10em .07em .24em;margin:-.07em -.07em -.14em;line-height:1.32;max-width:100%}
html:lang(ar) .headline-word{line-height:1.32;white-space:normal;max-width:100%}
html:lang(ar) .headline .final-line{font-size:.72em;line-height:1.4}
html:lang(ar) .hero-copy :where(.eyebrow,.supporting-copy,.doctor-title){letter-spacing:0;line-height:1.8}
html:lang(ar) .hero-copy .hero-actions{row-gap:12px;flex-wrap:wrap}
html:lang(ar) .hp-title{font-family:'Sami Naskh',Georgia,serif;font-size:clamp(39px,4.35vw,72px);line-height:1.38;letter-spacing:0;text-wrap:balance}
html:lang(ar) .hp-title-small{line-height:1.4}
html:lang(ar) :where(.hp-section h3,.hp-anatomy h3){line-height:1.55;letter-spacing:0}

/* About cinematic masks retain the reveal, but no longer cut the last Arabic strokes. */
html:lang(ar) .ab-name{font-family:'Sami Naskh',Georgia,serif;font-size:clamp(65px,7.4vw,125px);line-height:1.3;max-width:100%}
html:lang(ar) .ab-name .ab-title{font-size:.29em;line-height:1.55;margin-bottom:.08em}
html:lang(ar) .ab-mask{overflow:hidden;padding-block:.11em .25em;margin-bottom:-.14em}
html:lang(ar) .ab-h2{font-family:'Sami Naskh',Georgia,serif;font-size:clamp(40px,5.1vw,88px);line-height:1.39;text-wrap:balance;max-width:100%}
html:lang(ar) .ab-statement{font-size:clamp(38px,4.5vw,79px);line-height:1.42}
html:lang(ar) :where(.ab-prose,.ab-timeline p,.ab-journey p){line-height:1.95}
html:lang(ar) :where(.ab-credit-title,.ab-skin-title){overflow-wrap:break-word}

/* Clinical Atlas: long Arabic family titles should have enough breathing room. */
html:lang(ar) .conditions-page .conditions-hero h1{font-size:clamp(53px,6.0vw,92px);line-height:1.33;max-width:100%;letter-spacing:0}
html:lang(ar) .conditions-page .atlas-chapter h2{font-size:clamp(43px,5.2vw,84px);line-height:1.4;overflow-wrap:break-word;max-width:100%}
html:lang(ar) :where(.chapter-copy,.conditions-hero-copy,.journal-cover,.journal-chapter-heading){min-width:0}
html:lang(ar) :where(.journal-cover h1,.journal-chapter-heading h2){font-size:clamp(38px,4.4vw,68px);line-height:1.48;overflow-wrap:break-word;word-break:normal}
html:lang(ar) :where(.journal-prose h3,.journal-prose h4,.journal-overview h3){line-height:1.55}
html:lang(ar) :where(.journal-rail a,.journal-prose a){overflow-wrap:break-word}

/* Surgery headings, clinical cards and procedure steps. */
html:lang(ar) .treatments-page .tx-hero h1{font-family:'Sami Naskh',Georgia,serif;font-size:clamp(49px,5.7vw,90px);line-height:1.34;max-width:100%}
html:lang(ar) .treatments-page main h2{font-size:clamp(38px,4.1vw,66px);line-height:1.4}
html:lang(ar) .treatments-page main h3{line-height:1.6}
html:lang(ar) :where(.tx-index-heading,.tx-hero-copy,.tx-prose,.tx-step,.tx-panel){min-width:0;overflow-wrap:break-word}
html:lang(ar) .treatments-page .tx-family-jumps a{font-size:13px;letter-spacing:0;line-height:1.65}

/* The Guide originally enforces nowrap on an English headline. That is too tight in Arabic. */
html:lang(ar) .patient-guide-page .pgx h1{font-family:'Sami Naskh',Georgia,serif;font-size:clamp(48px,5.7vw,87px);line-height:1.35;max-width:100%;margin-bottom:28px}
html:lang(ar) .patient-guide-page .pgx h1>span{white-space:normal;line-height:1.35;overflow-wrap:break-word}
html:lang(ar) .patient-guide-page main h2{font-size:clamp(37px,3.9vw,62px);line-height:1.46}
html:lang(ar) .patient-guide-page main h3{line-height:1.6}
html:lang(ar) .patient-guide-page .pgx-intro{font-size:17px;line-height:1.95;max-width:35rem}

/* A calmer, readable contact/booking experience. */
html:lang(ar) .contact-page .ct-hero h1{font-family:'Sami Naskh',Georgia,serif;font-size:clamp(50px,6.1vw,98px);line-height:1.36;max-width:100%}
html:lang(ar) .contact-page :where(.ct-hero-note>p,.ct-enquiry h2,.ct-practical h2){line-height:1.5}
html:lang(ar) .contact-page :where(.ct-field-box label,.ct-field-box input,.ct-field-box textarea,.ct-field-select select){font-size:15px;line-height:1.75}
html:lang(ar) .contact-page .ct-enquiry :where(button,a){line-height:1.65}

/* Navigation drawer: don't make Arabic subconditions ant-sized. */
html:lang(ar) :where(.sami-nav-drawer,.sami-nav-drawer a,.sami-nav-drawer button){letter-spacing:0;line-height:1.7}
html:lang(ar) :where(.sami-nav-detail,.sami-nav-family){min-width:0;overflow-wrap:break-word}

@media(max-width:1100px){
 html:lang(ar) .headline{font-size:clamp(58px,7.5vw,90px)}
 html:lang(ar) .ab-name{font-size:clamp(62px,8vw,110px)}
 html:lang(ar) .patient-guide-page .pgx h1{font-size:clamp(47px,6vw,74px)}
}
@media(max-width:760px){
 html:lang(ar) .headline{font-size:clamp(47px,12.5vw,76px);line-height:1.34}
 html:lang(ar) .headline-line{padding-block:.1em .24em}
 html:lang(ar) .headline .final-line{font-size:.7em}
 html:lang(ar) .hero-copy{max-width:100%;min-width:0}
 html:lang(ar) .hp-title{font-size:clamp(35px,8vw,52px);line-height:1.43}
 html:lang(ar) .ab-name{font-size:clamp(56px,14vw,88px);line-height:1.34}
 html:lang(ar) .ab-h2{font-size:clamp(36px,8.5vw,59px);line-height:1.45}
 html:lang(ar) .ab-statement{font-size:clamp(34px,8vw,53px);line-height:1.45}
 html:lang(ar) .conditions-page .conditions-hero h1{font-size:clamp(43px,9.5vw,69px);line-height:1.43}
 html:lang(ar) .conditions-page .atlas-chapter h2{font-size:clamp(39px,9vw,62px);line-height:1.45}
 html:lang(ar) :where(.journal-cover h1,.journal-chapter-heading h2){font-size:clamp(33px,8.6vw,53px);line-height:1.5}
 html:lang(ar) .treatments-page .tx-hero h1{font-size:clamp(42px,9.4vw,65px);line-height:1.43}
 html:lang(ar) .treatments-page main h2{font-size:clamp(35px,8.2vw,55px);line-height:1.46}
 html:lang(ar) .patient-guide-page .pgx h1{font-size:clamp(43px,10vw,63px);line-height:1.42}
 html:lang(ar) .patient-guide-page .pgx h1>span{white-space:normal}
 html:lang(ar) .patient-guide-page main h2{font-size:clamp(34px,8.2vw,52px);line-height:1.5}
 html:lang(ar) .contact-page .ct-hero h1{font-size:clamp(43px,9.5vw,66px);line-height:1.43}
 html:lang(ar) .contact-page :where(.ct-intro,.ct-hero-note>p){line-height:1.85}
}
@media(max-width:380px){
 html:lang(ar) .headline{font-size:clamp(43px,12vw,52px)}
 html:lang(ar) .patient-guide-page .pgx h1{font-size:clamp(39px,10vw,48px)}
 html:lang(ar) .contact-page .ct-hero h1{font-size:clamp(39px,10vw,49px)}
}