html:lang(ar) body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.9}
html:lang(ar) h1{font-size:clamp(2rem,5vw,3.8rem);letter-spacing:0;line-height:1.4}
html:lang(ar) h2,html:lang(ar) h3{letter-spacing:0;line-height:1.5}
html:lang(ar) .answer,html:lang(ar) .warning{border-left:0;border-inline-start:4px solid var(--brand);border-radius:12px 0 0 12px}
html:lang(ar) .steps li{padding:1rem 3.5rem 1rem 1rem}
html:lang(ar) .steps li::before{left:auto;right:1rem}
html:lang(ar) .template{font-family:inherit;font-size:1rem;text-align:start}
html:lang(ar) bdi{white-space:nowrap}
/* Negative-left hiding creates a huge scrollable area in RTL documents. */
html:lang(ar) .skip{position:fixed;left:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html:lang(ar) .skip:focus{left:auto;right:1rem;top:1rem;width:auto;height:auto;clip-path:none;overflow:visible}
.review-map{list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.review-map>li{border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:12px;background:white;padding:1rem}
.review-map ul{padding-inline-start:1.3rem}
@media(max-width:760px){.review-map{grid-template-columns:1fr}}