
.language-switch{display:inline-flex;align-items:center;gap:2px;padding:2px 4px;background:#faf7f0;border:1px solid #e6dfcd;border-radius:100px;direction:ltr;flex-shrink:0;line-height:1.5}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 10px;font:600 12px/1.5 Cairo,Tahoma,Arial,sans-serif;text-decoration:none;color:#48546a;white-space:nowrap;border-radius:100px}
.language-switch a[aria-current=page]{background:#fff;color:#26324a;box-shadow:0 0 0 1px #c8a248}.language-switch>span{color:#82745a;font-size:12px}
.language-switch a:focus-visible{outline:3px solid #8d6423;outline-offset:3px}
html[dir=ltr] body{direction:ltr}html[lang=en] .logo small[lang=ar]{letter-spacing:normal;font-size:11px}
html[lang=en] .hero h1{font-size:clamp(34px,3.8vw,51px)}html[lang=en] .head-actions{gap:10px}
.reader-site-nav{background:#fff;border-bottom:1px solid #e7e7e2;padding:5px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:Cairo,Tahoma,Arial,sans-serif}
.reader-site-nav>a{font-weight:700;font-size:13px;text-decoration:none;color:#26324a;min-width:0}.reader-site-nav[dir=ltr]{direction:ltr}
html[data-reader=true] .demo-ribbon{flex-wrap:wrap;text-align:center;gap:4px 12px}
html[data-reader=true] .top-actions{min-width:0}.book-content{direction:rtl}
html[data-ui-lang=en] .brand-lines span[lang=ar]{letter-spacing:normal}
@media(max-width:760px){.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding-block:12px}.header-inner>.logo{grid-column:1;grid-row:1}.header-inner>.main-nav{display:none}.header-inner>.head-actions{display:contents}.header-inner .head-actions>.plain-link{display:none}.header-inner .head-actions>.pill{grid-column:2;grid-row:1}.header-inner .head-actions>.language-switch{grid-row:2;grid-column:1/-1;justify-self:center}.reader-site-nav{padding:5px 12px;gap:8px}.reader-site-nav>a{font-size:11px}.reader-site-nav .language-switch a{padding-inline:8px}.topbar .brand{min-width:0}html[data-ui-lang=en] .topbar .top-tool{font-size:11px;padding-inline:7px}}
@media(max-width:760px){html[data-ui-lang=en] .topbar .sections-tool{font-size:0}html[data-ui-lang=en] .sections-tool:before{content:'Contents';font-size:11px}}
