/* Living Taller — Arabic (RTL) layer. Load AFTER site.css on every /ar/ page.
   Fonts: Noto Naskh Arabic (display) + Noto Sans Arabic (body). Same palette, same rules. */
:root{
  --font-display:'Noto Naskh Arabic','Newsreader','Iowan Old Style',Georgia,serif;
  --font-body:'Noto Sans Arabic','Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
html[dir="rtl"] body{font-family:var(--font-body);text-align:start}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .pull{font-family:var(--font-display);letter-spacing:0;line-height:1.25}
html[dir="rtl"] h1{font-size:clamp(2rem,1.3rem+3.2vw,3.6rem)}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .label{letter-spacing:0;text-transform:none;font-weight:700}
html[dir="rtl"] .answer-block,html[dir="rtl"] .hero-surgeon-note,html[dir="rtl"] .credential-block,html[dir="rtl"] .cta-inline{border-left:0;border-right:3px solid var(--accent)}
html[dir="rtl"] .page-hero.s-sand{background-position:right top,left top}
html[dir="rtl"] table td:first-child,html[dir="rtl"] table th:first-child{text-align:right}
html[dir="rtl"] .num,html[dir="rtl"] td.num{direction:ltr;text-align:left;font-variant-numeric:tabular-nums}
html[dir="rtl"] .whatsapp-fab{right:auto;left:18px}
html[dir="rtl"] .nav-dropdown-menu{left:auto;right:0}
html[dir="rtl"] .skip-link{left:auto;right:0}
html[dir="rtl"] input,html[dir="rtl"] select{text-align:right}
html[dir="rtl"] input[type="number"]{direction:ltr;text-align:left}