/* V13 Arabic reading layer. Original media, anatomy geometry and animation rules are retained. */
@font-face{font-family:'Sami Arabic';src:url('fonts/noto-sans-arabic-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Sami Arabic';src:url('fonts/noto-sans-arabic-500.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Sami Arabic';src:url('fonts/noto-sans-arabic-600.woff') format('woff');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Sami Arabic';src:url('fonts/noto-sans-arabic-700.woff') format('woff');font-style:normal;font-weight:700 900;font-display:swap}
@font-face{font-family:'Sami Naskh';src:url('fonts/noto-naskh-arabic-400.woff') format('woff');font-style:normal;font-weight:100 500;font-display:swap}
@font-face{font-family:'Sami Naskh';src:url('fonts/noto-naskh-arabic-600.woff') format('woff');font-style:normal;font-weight:600 900;font-display:swap}
:root:lang(ar){--sans:'Sami Arabic',Tahoma,Arial,sans-serif;--serif:'Sami Naskh',Georgia,serif;--arabic-sans:var(--sans);--arabic-serif:var(--serif)}
html:lang(ar) body{direction:rtl;font-family:var(--sans)}
html:lang(ar) :where(h1,h2,h3,h4,h5,h6,p,a,button,label,input,select,textarea,span,small,strong,em,li,dt,dd,figcaption,summary,blockquote):not(.ph):not([class*='ph-']){letter-spacing:normal;text-transform:none}
html:lang(ar) :where(p,li,label,textarea){line-height:1.85}
html:lang(ar) :where(h1,h2,h3,h4){line-height:1.3}
html:lang(ar) :where(input[type=email],input[type=tel],a[href^=tel],a[href^=mailto]){direction:ltr;unicode-bidi:isolate}
html:lang(ar) :where(ul,ol){padding-inline-start:1.3em;padding-inline-end:0}
html:lang(ar) :where(.header,.hero,.ab-hero,.v13-language,.viewer,.canvas-host,.ab-map,.hp-affiliation-track){direction:ltr}
html:lang(ar) :where(.hero-copy,.ab-hero-copy,.desktop-nav,.wordmark,.viewer-caption,.viewer-bottom,.layer-caption,.anatomy-tooltip,.fullscreen-layers){direction:rtl}
html:lang(ar) .wordmark{text-align:left}
html:lang(ar) .desktop-nav{margin-left:auto;margin-right:0}
html:lang(ar) .header-actions{direction:ltr}
html:lang(ar) :where(.journal-prose,.journal-overview,.tx-prose,.ab-prose,.ct-form,.pg-prose){text-align:start}
html:lang(ar) .nav-label-frame{line-height:1.7}
html:lang(ar) .wordmark-name{font-size:clamp(25px,2vw,34px)}
html:lang(ar) .wordmark-description{line-height:1.55;letter-spacing:0}
html:lang(ar) .headline{font-size:clamp(70px,min(7.6vw,11.5vh),140px);line-height:1.15;letter-spacing:0}
html:lang(ar) .headline-line{padding-bottom:.16em;margin-bottom:-.12em;line-height:1.2}
html:lang(ar) .headline .final-line{font-size:.7em;line-height:1.4}
html:lang(ar) .hero-copy{margin-right:0;text-align:right}
html:lang(ar) .hero-copy :where(.eyebrow,.hero-actions,.values){direction:rtl}
html:lang(ar) :where(.button,.ct-button,.tx-button){white-space:normal;line-height:1.7;padding-block:8px}
html:lang(ar) .button-header{white-space:nowrap;padding-block:0}
html:lang(ar) :where(.button .arrow,.ph-arrow-right,.ph-arrow-up-right,.ph-arrow-down-right,.ph-arrow-left,.ph-arrow-up-left){scale:-1 1}
html:lang(ar) :where(svg,canvas){direction:ltr}
html:lang(ar) svg text{font-family:var(--sans);letter-spacing:normal}
html:lang(ar) :where(.ab-credit-title,.ab-credit-authors,.ab-credit-source,.ab-skin-title,.ab-skin-cite,[data-v13-citation]){direction:ltr;text-align:left;unicode-bidi:isolate}
html:lang(ar) :where(.ab-credit-title,.ab-skin-title){font-family:Georgia,serif}
html:lang(ar) .ab-skin-cite small{direction:rtl;text-align:right;display:block;font-family:var(--sans)}
html:lang(ar) :where(.journal-rail,.tx-rail){max-width:calc(100vw - 24px)}
html:lang(ar) :where(.journal-rail a,.tx-rail a){line-height:1.6}
html:lang(ar) .sami-nav-detail{border-left:0;border-right:1px solid rgba(126,165,141,.25);padding-left:0;padding-right:24px}
html:lang(ar) .sami-nav-family{text-align:right}
html:lang(ar) :where(.journal-prose ul,.tx-prose ul,.pg-list){padding-left:0;padding-right:1.3em}
html:lang(ar) .ct-field-box input,html:lang(ar) .ct-field-box textarea{font-family:var(--sans)}
html:lang(ar) :where(.ct-field-select select,.ct-field-area textarea){padding-inline-start:44px;padding-inline-end:18px}
html:lang(ar) .ct-field-box>.ph{left:auto;right:14px}
html:lang(ar) .ct-field-box>.ct-select-caret{right:auto;left:14px}
html:lang(ar) .ct-count{left:16px;right:auto;direction:ltr}
html:lang(ar) .ab-name{line-height:1.12}
html:lang(ar) .ab-mask{padding-bottom:.15em;margin-bottom:-.1em}
html:lang(ar) :where(.journal-cover h1,.journal-chapter-heading h2,.tx-title,.ab-h2){overflow-wrap:anywhere;hyphens:none}
html:lang(ar) .explorer-page{font-family:var(--sans);direction:rtl}
html:lang(ar) .explorer-page :where(h1,h2,h3,.intro-copy,.layer-caption,.condition-panel,.mode-tab,.section-heading,.footer,.region-buttons,.structure-select,.tendon-switch){font-family:var(--sans)}
html:lang(ar) .explorer-page .intro h1{font-family:var(--serif);line-height:1.25}
html:lang(ar) .explorer-page :where(.intro,.condition-panel,.mode-section,.region-section){text-align:right;min-width:0}
html:lang(ar) .explorer-page :where(.region-buttons,.mode-list,.tendon-switch,.structure-chips){flex-wrap:wrap}
html:lang(ar) .explorer-page :where(.condition-row,.region-buttons button,.structure-select){white-space:normal;line-height:1.7}
html:lang(ar) .explorer-page .viewer{direction:ltr}
html:lang(ar) .explorer-page :where(.anatomy-tooltip,.layer-caption){direction:rtl;text-align:center}
@media(max-width:1150px){html:lang(ar) .headline{font-size:min(9.6vw,11.5vh)}}
@media(max-width:760px){
 html:lang(ar) .headline{font-size:clamp(65px,16vw,105px);line-height:1.15}
 html:lang(ar) .hero-copy{width:90%;margin-left:5%;margin-right:5%;text-align:right}
 html:lang(ar) .headline .final-line{font-size:.68em}
 html:lang(ar) .hero .doctor-title{max-width:90%;line-height:1.6}
 html:lang(ar) .hero .supporting-copy{line-height:1.75}
 html:lang(ar) .hero .values{margin-top:20px}
 html:lang(ar) .wordmark-name{font-size:27px}
 html:lang(ar) .wordmark-description{font-size:9px;line-height:1.7}
 html:lang(ar) .header-floating .wordmark-name{font-size:25px}
 html:lang(ar) :where(.journal-cover h1,.journal-chapter-heading h2,.tx-title){font-size:clamp(38px,11vw,70px);line-height:1.25}
 html:lang(ar) .ab-name{font-size:clamp(68px,18vw,112px)}
 html:lang(ar) :where(.journal-prose,.tx-prose,.pg-prose,.ab-prose){overflow-wrap:break-word}
 html:lang(ar) .sami-nav-detail{padding-right:12px}
 html:lang(ar) .explorer-page .mode-tab{padding-inline:8px;min-width:0;font-size:12px}
 html:lang(ar) .explorer-page .viewer-caption{font-size:10px;gap:8px}
}
@media(max-width:380px){html:lang(ar) .headline{font-size:60px}html:lang(ar) .wordmark-name{font-size:24px}}
html:lang(ar) .contact-page .ct-enquiry .ct-field-box :is(input,select,textarea),html:lang(ar) .contact-page .ct-enquiry .ct-field-box :is(input,select,textarea):focus{padding:14px 46px 14px 16px}
html:lang(ar) .contact-page .ct-enquiry .ct-field-select select{padding-left:46px;padding-right:46px}
html:lang(ar) .contact-page .ct-enquiry .ct-field-area textarea{padding-bottom:34px}
html:lang(ar) .contact-page .ct-enquiry .ct-field-box:after{transform-origin:right}

/* v13.3 polish: English paper titles centred like the English page, same serif; LTR counters. */
html:lang(ar) :where(.ab-credit-title,.ab-credit-authors,.ab-credit-source){text-align:center}
html:lang(ar) .ab-credit-title,html:lang(ar) .ab-skin-title{font-family:Bodoni,Didot,'Times New Roman',serif}
html:lang(ar) .ct-count{direction:ltr;unicode-bidi:isolate}

/* v13.4: Arabic homepage header. The menu order is mirrored, so the links over the dark green
   (now the first three) are light and the two over the pearl side are dark. */
html:lang(ar) .home-page .header:not(.header-floating) .desktop-nav .nav-link:nth-child(-n+3){color:#eef8ee;--nav-hover:#f1cc91}
html:lang(ar) .home-page .header:not(.header-floating) .desktop-nav .nav-link:nth-child(n+4){color:#173e2d;--nav-hover:#96532d}
html:lang(ar) .home-page .header:not(.header-floating) .desktop-nav .nav-link:hover{color:var(--nav-hover)}
