/* ══════════════════════════════════════════════════════════════════════
   أمير نت — ورقة الصفحات العامّة الثابتة (‎/amirnet-exam/‎ و‎/about/‎ …)
   مستقلّةٌ عن styles.css عمداً: تلك 57 ك.ب لتطبيقٍ كامل، وهذه صفحاتُ
   قراءةٍ لا تُحمّل app.js ولا تعرف شيئاً عن حالة الطالب.
   ولا تُستورد هنا ولا هناك — الملفّان لا يلتقيان أبداً.
   ══════════════════════════════════════════════════════════════════════ */

:root{
  --bg:#f8fafc; --surface:#fff; --surface-2:#f1f5f9; --border:#e2e8f0;
  --text:#0f172a; --text-sub:#475569; --text-muted:#94a3b8;
  --blue:#1d4ed8; --blue-light:#eff6ff; --amber:#b45309; --amber-light:#fffbeb;
  --green:#15803d; --green-light:#f0fdf4;
}
html.dark{
  --bg:#0f172a; --surface:#1e293b; --surface-2:#1e293b; --border:#334155;
  --text:#e2e8f0; --text-sub:#cbd5e1; --text-muted:#94a3b8;
  --blue:#60a5fa; --blue-light:#1e3a5f; --amber:#fbbf24; --amber-light:#3a2e12;
  --green:#4ade80; --green-light:#14321f;
}
@media(prefers-color-scheme:dark){
  html:not(.light){
    --bg:#0f172a; --surface:#1e293b; --surface-2:#1e293b; --border:#334155;
    --text:#e2e8f0; --text-sub:#cbd5e1; --text-muted:#94a3b8;
    --blue:#60a5fa; --blue-light:#1e3a5f; --amber:#fbbf24; --amber-light:#3a2e12;
    --green:#4ade80; --green-light:#14321f;
  }
}

*{box-sizing:border-box}
html{color-scheme:light dark}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:Cairo,'Segoe UI',system-ui,-apple-system,sans-serif;
  font-size:16px; line-height:1.85; -webkit-text-size-adjust:100%;
}

/* ── شريط علويّ ── */
.sx-nav{
  background:var(--surface); border-bottom:1px solid var(--border);
  padding:14px 20px; display:flex; align-items:center; justify-content:space-between;
  gap:14px; flex-wrap:wrap;
}
.sx-brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;color:var(--text);text-decoration:none}
.sx-nav ul{list-style:none;display:flex;gap:6px;flex-wrap:wrap;margin:0;padding:0}
.sx-nav a{color:var(--text-sub);text-decoration:none;font-size:14px;padding:6px 11px;border-radius:8px}
.sx-nav a:hover{background:var(--surface-2);color:var(--blue)}
.sx-nav a[aria-current="page"]{color:var(--blue);font-weight:700;background:var(--blue-light)}
.sx-cta{
  background:var(--blue); color:#fff !important; font-weight:700; font-size:14px;
  padding:9px 18px; border-radius:10px; text-decoration:none; white-space:nowrap;
}

/* ── الجسد ── */
main{max-width:760px;margin:0 auto;padding:34px 20px 10px}
.sx-crumb{font-size:13px;color:var(--text-muted);margin-bottom:16px}
.sx-crumb a{color:var(--text-sub)}
h1{font-size:clamp(25px,5vw,34px);line-height:1.35;margin:0 0 10px;font-weight:700}
.sx-lede{font-size:17px;color:var(--text-sub);margin:0 0 8px;line-height:1.8}
h2{font-size:clamp(20px,3.6vw,25px);margin:44px 0 12px;font-weight:700;line-height:1.4}
h3{font-size:18px;margin:28px 0 8px;font-weight:700}
p,li{color:var(--text-sub)}
p{margin:0 0 14px}
ul,ol{padding-inline-start:22px;margin:0 0 16px}
li{margin-bottom:7px}
strong{color:var(--text);font-weight:700}
a{color:var(--blue)}
main a:hover{text-decoration:none}
code,.sx-en{font-family:inherit;direction:ltr;unicode-bidi:isolate;display:inline-block}

/* ── جداول ── */
.sx-tw{overflow-x:auto;margin:0 0 20px;border:1px solid var(--border);border-radius:12px}
table{border-collapse:collapse;width:100%;font-size:15px;background:var(--surface);min-width:430px}
caption{caption-side:bottom;font-size:13px;color:var(--text-muted);padding:9px 12px;text-align:start}
th,td{padding:11px 14px;text-align:start;border-bottom:1px solid var(--border)}
th{background:var(--surface-2);color:var(--text);font-weight:700;font-size:14px}
tbody tr:last-child td{border-bottom:0}
td{color:var(--text-sub)}

/* ── صناديق ── */
.sx-box{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:16px 18px;margin:0 0 20px}
.sx-box>:last-child{margin-bottom:0}
.sx-box h3{margin-top:0}
.sx-note{border-color:var(--amber);background:var(--amber-light)}
.sx-note strong{color:var(--amber)}
.sx-ok{border-color:var(--green);background:var(--green-light)}
.sx-ok strong{color:var(--green)}

/* ── بطاقة الانتقال إلى التطبيق ── */
.sx-try{
  background:linear-gradient(135deg,#1e3a8a,#1d4ed8); color:#fff;
  border-radius:16px; padding:26px 24px; margin:40px 0 8px; text-align:center;
}
.sx-try h2{margin:0 0 8px;font-size:21px;color:#fff}
.sx-try p{color:#bfdbfe;margin:0 0 18px;font-size:15px}
.sx-try a{
  display:inline-block;background:#fff;color:#1d4ed8 !important;font-weight:700;
  padding:12px 30px;border-radius:11px;text-decoration:none;font-size:15px;
}

/* ── روابط ذات صلة ── */
.sx-rel{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.sx-rel a{
  display:block;background:var(--surface);border:1px solid var(--border);
  border-radius:11px;padding:13px 16px;text-decoration:none;color:var(--text);font-weight:700;font-size:15px;
}
.sx-rel a:hover{border-color:var(--blue)}
.sx-rel span{display:block;color:var(--text-sub);font-weight:400;font-size:13.5px;margin-top:3px;line-height:1.65}

/* ── تذييل ── */
.sx-foot{
  border-top:1px solid var(--border); background:var(--surface);
  margin-top:48px; padding:26px 20px; font-size:14px;
}
.sx-foot div{max-width:760px;margin:0 auto}
.sx-foot ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:0 0 12px}
.sx-foot a{color:var(--text-sub);text-decoration:none}
.sx-foot a:hover{color:var(--blue);text-decoration:underline}
.sx-foot p{font-size:13px;color:var(--text-muted);margin:0}

@media(max-width:640px){
  body{font-size:15.5px}
  main{padding:24px 16px 6px}
  .sx-nav{padding:12px 16px}
  .sx-nav ul{gap:2px}
  .sx-nav a{padding:6px 8px;font-size:13.5px}
}
@media(prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}