:root{--teal:#0F2D33;--gold:#F2B544;--gold-ink:#5C3E05;--paper:#F3F6F4;--surface:#fff;--ink:#122B30;--muted:#5D7479;--line:#D9E3E1;--aqua:#0F7C8A}
@media (prefers-color-scheme:dark){:root{--paper:#0B2327;--surface:#12363D;--ink:#F3F6F4;--muted:#A9BEC2;--line:#24494F;--gold-ink:#FCEFD0;--aqua:#7FD6E0}}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Readex Pro","Segoe UI",Tahoma,system-ui,sans-serif;line-height:1.7;padding:24px 16px}
.wrap{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
h1,h2{font-family:"Alexandria","Readex Pro",sans-serif;margin:0}h1{font-size:30px}h2{font-size:20px;margin-top:8px}
p,li{margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.top{display:flex;align-items:center;gap:14px}.logo{width:52px;height:52px;border-radius:15px;background:#0B2327;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;flex:none}
.logo i{background:#1B4A52;border-radius:4px}.logo i.j{background:#F2B544}.logo i.t{background:#7FD6E0}
.lang{margin-inline-start:auto}.lang button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 14px;font:inherit;cursor:pointer}.lang button[aria-pressed=true]{background:var(--teal);color:#fff;border-color:var(--teal)}
.ar{display:none}[dir=rtl] .ar{display:block}[dir=rtl] .en{display:none}.ar.i{display:none}[dir=rtl] .ar.i{display:inline}[dir=rtl] .en.i{display:none}.en.i{display:inline}
a{color:var(--aqua)}.small{font-size:13px;color:var(--muted)}ul{padding-inline-start:20px;display:flex;flex-direction:column;gap:6px}
.btn{display:inline-block;background:var(--gold);color:#0B2327;font-weight:600;border-radius:14px;padding:12px 20px;text-decoration:none}
nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}