.language-switch{border:1px solid #77915f;background:#203324;color:#e1efcc;border-radius:7px;padding:7px 11px;font-family:inherit;font-size:12px;white-space:nowrap}.language-switch:hover{background:#365130}.language-switch span{margin-inline-end:4px}.source-original-note{font-size:12px;color:var(--muted)}
html[lang=ar] body{font-family:Tahoma,'Segoe UI',Arial,sans-serif;line-height:1.8}html[lang=ar] .eyebrow,html[lang=ar] .navlabel,html[lang=ar] .tag{letter-spacing:0;font-size:11px}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0;line-height:1.55}html[lang=ar] .sidebar{left:auto;right:0;border-left:1px solid var(--line);border-right:0}html[lang=ar] .shell{margin-left:0;margin-right:225px}html[lang=ar] .nav button,html[lang=ar] .atlas-list button,html[lang=ar] .animation-collection button{text-align:right}html[lang=ar] .nav .count{margin-left:0;margin-right:auto}html[lang=ar] .top-right{margin-left:0;margin-right:auto}html[lang=ar] .field label{line-height:1.7}html[lang=ar] .modal .close{right:auto;left:20px}html[lang=ar] table th,html[lang=ar] table td{text-align:right}html[lang=ar] input[type=number],html[lang=ar] input[type=range],html[lang=ar] .formula,html[lang=ar] .mono,html[lang=ar] .calc-result,html[lang=ar] svg,html[lang=ar] [data-original-language]{direction:ltr;unicode-bidi:isolate}html[lang=ar] .source{line-height:2}html[lang=ar] .hero-art{border-left:0;border-right:1px solid #3e5138}html[lang=ar] .timeline-ticks,html[lang=ar] .timeline-wrap{direction:ltr}html[lang=ar] .glossary-row{grid-template-columns:120px 1fr}html[lang=ar] .learning-table td b{font-size:13px}html[lang=ar] .smalltext,html[lang=ar] .card p{line-height:1.9}html[lang=ar] .horizontal-scroll{direction:rtl}
@media(max-width:1180px){html[lang=ar] .shell{margin-right:195px}.top-right{gap:8px}.topbar .edition{display:none}}
@media(max-width:950px){html[lang=ar] .shell{margin-right:74px}}
@media(max-width:700px){html[lang=ar] .shell{margin-right:0}html[lang=ar] .sidebar.open{right:0;left:auto;box-shadow:-20px 0 100px #000}html[lang=ar] .hero-art{border-right:0}.topbar{padding-inline:12px}.language-switch{padding:6px;font-size:11px}.top-right .avatar{display:none}.top-right .glossary-top{padding:6px}.topbar .breadcrumb{max-width:100px;white-space:normal}html[lang=ar] .glossary-row{grid-template-columns:80px 1fr}html[lang=ar] .topbar .breadcrumb{font-size:11px}html[lang=ar] h1{font-size:27px}}

html[lang=ar] .modal .close{float:left}html[lang=ar] .modal h2{margin-right:0;margin-left:60px}html[lang=ar] .module button{text-align:right}