/* One stylesheet for all three pages. No fonts fetched, no scripts, no trackers —
   the pages must load on a slow connection and must not themselves collect anything,
   which a privacy policy that pulls a third-party font does not manage. */
:root{
  --ink:#0d1b14; --ink-soft:#3d5147; --gold:#b8862b; --gold-deep:#8a6415;
  --panel:#ffffff; --ground:#f4f1e8; --line:#e0d9c6;
}
@media (prefers-color-scheme: dark){
  :root{ --ink:#eae4d6; --ink-soft:#b3ab99; --gold:#d8a63f; --gold-deep:#e5bb62;
         --panel:#132019; --ground:#0b120e; --line:#243a2e; }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--ground); color:var(--ink);
  font-family:"Segoe UI","Noto Naskh Arabic",Tahoma,Arial,sans-serif;
  font-size:17px; line-height:1.85; direction:rtl; text-align:right;
}
.wrap{max-width:44rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}
header{padding:2.5rem 0 1.25rem;border-bottom:2px solid var(--gold);margin-bottom:1.75rem}
h1{font-size:1.9rem;line-height:1.35;margin:0 0 .4rem;color:var(--gold-deep)}
h2{font-size:1.25rem;margin:2.25rem 0 .6rem;color:var(--gold-deep)}
h3{font-size:1.05rem;margin:1.5rem 0 .4rem}
p,li{color:var(--ink)}
.lede{color:var(--ink-soft);font-size:1.05rem;margin:0}
a{color:var(--gold-deep);text-underline-offset:.2em}
a:hover{text-decoration:none}
.card{background:var(--panel);border:1px solid var(--line);border-radius:.9rem;
      padding:1.1rem 1.25rem;margin:1.25rem 0}
.muted{color:var(--ink-soft);font-size:.92rem}
.nav{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none}
.nav a{display:inline-block;padding:.55rem 1rem;border:1px solid var(--gold);
       border-radius:.6rem;text-decoration:none;min-height:44px;line-height:1.9}
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}
th,td{border:1px solid var(--line);padding:.55rem .7rem;text-align:right;vertical-align:top}
th{background:rgba(184,134,43,.12);font-weight:600}
/* Wide content scrolls inside itself; the page body never scrolls sideways. */
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
code{background:rgba(128,128,128,.16);padding:.1rem .35rem;border-radius:.25rem;
     font-family:Consolas,monospace;direction:ltr;display:inline-block}
footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--line);
       color:var(--ink-soft);font-size:.9rem}
.todo{background:rgba(200,60,60,.12);border:1px dashed #c83c3c;border-radius:.5rem;
      padding:.5rem .75rem;margin:.75rem 0;color:var(--ink)}