:root{color-scheme:light dark;--bg:#faf8f4;--fg:#1a1a1a;--muted:#5a564f;--card:#ffffff;--line:#e4dfd5;--accent:#0f766e;--gold:#b08a2e}
@media (prefers-color-scheme:dark){:root{--bg:#141414;--fg:#f2efe9;--muted:#b5afa4;--card:#1e1e1e;--line:#2e2c28;--accent:#5ec2b8;--gold:#d4af37}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic","Noto Sans",Arial,sans-serif;padding:0 16px}
.wrap{max-width:820px;margin:0 auto;padding-block:32px 56px}
header.site{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand .mark{width:40px;height:40px;border-radius:12px;background:#1a1a1a;color:#d4af37;display:grid;place-items:center;font-weight:800;font-size:18px}
.brand strong{font-size:18px}
nav.lang a{margin-inline-start:12px;color:var(--accent);text-decoration:none;font-weight:600}
nav.lang a:hover{text-decoration:underline}
h1{font-size:1.9rem;line-height:1.25;margin:0 0 4px}
h2{font-size:1.15rem;margin:28px 0 8px}
p{margin:0 0 12px}
.meta{color:var(--muted);font-size:.92rem;margin-bottom:18px}
section.doc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 22px;margin-bottom:28px}
section.doc[dir=rtl]{text-align:right}
.links{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.links li a{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:inherit;text-decoration:none}
.links li a:hover{border-color:var(--accent)}
.links li a small{display:block;color:var(--muted)}
footer.site{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;color:var(--muted);font-size:.9rem}
footer.site a{color:var(--accent)}
.note{border-inline-start:4px solid var(--gold);padding:10px 14px;background:rgba(212,175,55,.10);border-radius:10px}