:root { --bg:#fbf7f0; --fg:#2b1d12; --muted:#6d5a49; --card:#ffffff; --line:#e6dccd; --accent:#9a5b1f; }
@media (prefers-color-scheme: dark) { :root { --bg:#17120e; --fg:#f2e9dc; --muted:#b9a995; --card:#221b15; --line:#3a2f26; --accent:#e0a35a; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.75 -apple-system,"Segoe UI",Roboto,"Noto Sans Arabic","Noto Sans",Arial,sans-serif; }
main { max-width:760px; margin:0 auto; padding:24px 16px 64px; }
header.top { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; align-items:center; margin-bottom:8px; }
h1 { font-size:1.6rem; margin:.4em 0 .2em; }
h2 { font-size:1.2rem; margin:1.6em 0 .4em; color:var(--accent); }
p, li { margin:.4em 0; }
ul, ol { padding-inline-start:1.4em; }
a { color:var(--accent); }
.lang-switch a { margin-inline-end:12px; font-weight:600; }
section.lang { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:8px 20px 20px; margin:20px 0; }
.meta { color:var(--muted); font-size:.9rem; }
table { width:100%; border-collapse:collapse; margin:.8em 0; font-size:.95rem; }
th, td { border:1px solid var(--line); padding:6px 8px; vertical-align:top; text-align:start; }
th { background:rgba(154,91,31,.12); }
.box { border:1px dashed var(--accent); border-radius:10px; padding:10px 14px; margin:1em 0; }