html[lang="ar"]{color-scheme:light;background:#fff;color:#0f2235;font-family:'Noto Sans Arabic',system-ui,sans-serif}
html[lang="ar"] *,html[lang="ar"] *::before,html[lang="ar"] *::after{box-sizing:border-box;letter-spacing:normal!important}
html[lang="ar"] body,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea,html[lang="ar"] .brand{font-family:'Noto Sans Arabic',system-ui,sans-serif}
html[lang="ar"] body{margin:0;line-height:1.95;background:#fff;color:#0f2235}
html[lang="ar"] a{color:#1f6fc4;text-underline-offset:.25em;overflow-wrap:anywhere}
html[lang="ar"] .wrap,html[lang="ar"] .ar-main{width:min(1120px,calc(100% - 40px));margin-inline:auto}
html[lang="ar"] header.site{background:#2471d8;color:#fff;position:relative;padding-block:20px;border:0}
html[lang="ar"] header.site .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:60px;flex-wrap:wrap;position:relative;z-index:1}
html[lang="ar"] .brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:20px;font-weight:700;color:#fff;text-decoration:none;direction:ltr}
html[lang="ar"] header.site .brand::before{display:none}
html[lang="ar"] nav.top{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:0;white-space:normal}
html[lang="ar"] header.site nav.top a{margin:0;color:#fff;font-size:15px;text-decoration:none;line-height:1.8}
html[lang="ar"] .lang-menu{position:relative;min-width:86px}
html[lang="ar"] .lang-menu summary{cursor:pointer;padding:5px;border:1px solid #ffffff77;border-radius:8px;list-style:revert}
html[lang="ar"] .lang-list{position:absolute;inset-inline-end:0;z-index:20;min-width:140px;display:grid;background:#fff;border:1px solid #dce8f5;border-radius:8px;padding:8px;box-shadow:0 8px 20px #0f22351a}
html[lang="ar"] .lang-list a{color:#0f2235!important;padding:8px}
html[lang="ar"] .ar-main{padding-block:32px 64px;max-width:960px}
html[lang="ar"] .ar-intro{padding-block:16px 36px;border-bottom:1px solid #dce8f5;margin-bottom:32px}
html[lang="ar"] .ar-breadcrumb{font-size:14px;margin:0 0 18px;color:#5b6b7b}
html[lang="ar"] h1{font-size:clamp(2rem,5vw,3.65rem);font-weight:800;line-height:1.55;max-width:21ch;margin:0 0 22px;text-wrap:balance}
html[lang="ar"] h2{font-size:clamp(1.3rem,2.7vw,1.8rem);line-height:1.65;font-weight:700;margin:0 0 14px}
html[lang="ar"] p{margin:0 0 18px;max-width:70ch}
html[lang="ar"] .ar-lead{font-size:clamp(1.1rem,2.5vw,1.4rem);color:#3d4e60;max-width:65ch}
html[lang="ar"] section{margin-block:30px}
html[lang="ar"] .ar-content{max-width:780px}
html[lang="ar"] .ar-actions,html[lang="ar"] .ar-next{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
html[lang="ar"] .ar-next h2{flex-basis:100%}
html[lang="ar"] .ar-button{display:inline-block;font:inherit;font-weight:700;line-height:1.65;min-height:48px;border:0;border-radius:10px;background:#2471d8;color:#fff;padding:13px 22px;cursor:pointer;text-decoration:none;text-align:center;max-width:100%;white-space:normal}
html[lang="ar"] .ar-button.secondary{color:#1f6fc4;background:#eef5fd}
html[lang="ar"] .ar-button:disabled{opacity:.65;cursor:wait}
html[lang="ar"] .ar-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}
html[lang="ar"] .ar-directory article{padding-block:20px;border-bottom:1px solid #dce8f5;min-width:0}
html[lang="ar"] .ar-directory article>a{font-size:1.15rem;font-weight:700}
html[lang="ar"] .ar-directory p{font-size:.95rem;color:#3d4e60;margin:10px 0 0}
html[lang="ar"] .ar-tool{border:1px solid #dce8f5;background:#f4f8fd;border-radius:16px;padding:24px;margin-block:36px}
html[lang="ar"] form{display:grid;gap:18px;max-width:620px}
html[lang="ar"] label{display:grid;gap:7px;font-weight:600;min-width:0}
html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea{font:inherit;font-size:16px;line-height:1.6;border:1px solid #afc6de;background:#fff;color:#0f2235;border-radius:8px;padding:12px;max-width:100%;min-width:0;width:100%}
html[lang="ar"] input[type="number"],html[lang="ar"] input[type="email"]{direction:ltr;text-align:start}
html[lang="ar"] output{display:block;font-size:1.15rem;font-weight:700;margin-top:24px;white-space:pre-line;overflow-wrap:anywhere}
html[lang="ar"] .ar-source{background:#eef5fd;border-inline-start:4px solid #2471d8;padding:20px;margin-block:40px}
html[lang="ar"] .ar-source h2{font-size:1.15rem}
html[lang="ar"] .ar-source p{font-size:.95rem;margin:0}
html[lang="ar"] .ar-draft{border:1px solid #afc6de;background:#eef5fd;padding:18px;border-radius:10px;font-weight:700}
html[lang="ar"] .ar-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html[lang="ar"] figure{margin:0;min-width:0}
html[lang="ar"] .ar-screen-pending{border:2px dashed #afc6de;border-radius:22px;aspect-ratio:9/16;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;color:#3d4e60;background:#f4f8fd}
html[lang="ar"] .ar-screen-pending span{font-weight:700}
html[lang="ar"] .ar-screen-pending p{font-size:14px;margin-top:20px}
html[lang="ar"] figure img{width:100%;height:auto;border-radius:20px;display:block}
html[lang="ar"] figcaption{margin-block:12px;font-size:.95rem}
html[lang="ar"] .ar-rescue{text-align:center}
html[lang="ar"] .ar-rescue p{margin-inline:auto}
html[lang="ar"] .ar-breath-ring{width:100px;height:100px;margin:28px auto;border:2px solid #2471d8;border-radius:50%;background:#c9e4fc;transition:transform 4s ease-in-out}
html[lang="ar"] .ar-rescue[data-phase="inhale"] .ar-breath-ring{transform:scale(1.2)}
html[lang="ar"] .ar-rescue[data-phase="exhale"] .ar-breath-ring{transform:scale(.9);transition-duration:6s}
html[lang="ar"] details:not(.lang-menu){padding:18px 0;border-bottom:1px solid #dce8f5}
html[lang="ar"] summary{cursor:pointer;font-weight:600}
html[lang="ar"] footer.site{padding-block:36px;background:#1b2e4a;color:#d8e2ee;font-size:.95rem}
html[lang="ar"] footer.site nav{display:flex;gap:18px;flex-wrap:wrap;margin-block:22px}
html[lang="ar"] footer.site a{color:#fff}
html[lang="ar"] .ar-skip{position:absolute;inset-inline-start:20px;top:-100px;z-index:100;background:#fff;padding:12px}
html[lang="ar"] .ar-skip:focus{top:10px}
html[lang="ar"] :focus-visible{outline:3px solid #1f6fc4;outline-offset:4px}
html[lang="ar"] [hidden]{display:none!important}
@media(max-width:640px){html[lang="ar"] .wrap,html[lang="ar"] .ar-main{width:calc(100% - 32px)}html[lang="ar"] header.site .wrap{gap:14px}html[lang="ar"] nav.top{gap:14px}html[lang="ar"] header.site nav.top a{font-size:14px}html[lang="ar"] .ar-directory{grid-template-columns:1fr}html[lang="ar"] .ar-screens{grid-template-columns:1fr}html[lang="ar"] .ar-screens figure{max-width:280px;margin-inline:auto;width:100%}html[lang="ar"] .ar-tool{padding:18px}html[lang="ar"] h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html[lang="ar"] .ar-breath-ring{transition:none!important;transform:none!important}}
@media print{html[lang="ar"] header,html[lang="ar"] footer,html[lang="ar"] form,html[lang="ar"] .ar-button{display:none}html[lang="ar"] .ar-main{width:100%;padding:0}}