:root{
  --bg:#f2f5f2; --fg:#1b2a26; --muted:#5a6a65; --card:#ffffff; --line:#d6dfda; --link:#1d6f5b; --field:#fbfdfb;
  --sans:'IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0e1614; --fg:#e3ece8; --muted:#97a8a2; --card:#15201d; --line:#26352f; --link:#6fd3b3; --field:#101a17; color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0e1614; --fg:#e3ece8; --muted:#97a8a2; --card:#15201d; --line:#26352f; --link:#6fd3b3; --field:#101a17; color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--fg);direction:rtl;font-family:var(--sans);font-size:17px;line-height:1.9;padding-inline:16px;padding-block:20px 56px}
.page{max-width:680px;margin-inline:auto;display:flex;flex-direction:column;gap:22px}
.site{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.brand{font-weight:700;font-size:19px;color:var(--fg);text-decoration:none}
.site nav{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px}
a{color:var(--link)}
h1{font-size:clamp(26px,6.5vw,34px);line-height:1.35;margin:0;text-wrap:balance}
h2{font-size:21px;line-height:1.4;margin:10px 0 0}
h3{font-size:18px;margin:6px 0 0}
p,ul,ol{margin:0}
ul,ol{padding-inline-start:1.3em;display:flex;flex-direction:column;gap:6px}
.lead{color:var(--muted);font-size:18px}
.box{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--card)}
table{border-collapse:collapse;width:100%;min-width:420px;font-size:16px;font-variant-numeric:tabular-nums}
th,td{padding:8px 12px;text-align:start;border-bottom:1px solid var(--line)}
th{font-weight:600;color:var(--muted);font-size:14px}
tr:last-child td{border-bottom:0}
details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 16px}
summary{cursor:pointer;font-weight:600}
details p{margin-top:8px}
.cta{display:inline-block;background:var(--link);color:var(--bg);text-decoration:none;font-weight:600;padding:10px 18px;border-radius:8px}
.updated{color:var(--muted);font-size:14px}
footer.site-foot{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;color:var(--muted)}

table.compact{min-width:0}
table.compact th{font-size:15px;color:var(--fg);font-weight:500}
table.compact td{font-weight:600}