/* أنماط الصفحتين القانونيتين. نفس رموز الصفحة التعريفية — نسخة وحدة بدل تكرارها
   بملفَين. (index.html يبقى بأنماطه الداخلية: صفحة هبوط واحدة ما تستحق ملفاً.) */
/* ── لوحة «دزّه لاين» — مشتقّة حرفياً من apps/mobile/lib/core/design/tokens.dart ──
   أول ما يراه الطالب أو ولي الأمر هو هذه الصفحة، ثم يثبّت التطبيق. فلو
   اختلفت اللوحتان لم يعرف أنهما الشيء نفسه. كل قيمة هنا لها مصدر واحد
   هناك؛ لا تُخترع ألوان بهذا الملف.
   `--link` منفصل عن `--accent` عن قصد: `accent` نسبته 3.03:1 على الورق —
   تكفي العنوان الكبير والزينة، ولا تكفي نصاً عادياً (الحدّ 4.5:1). */
:root{
  --ink:#0B3339;  /* T.ink      12.14:1 */
  --muted:#456A6F;/* T.inkSoft   5.30:1 */
  --paper:#E8F5F2;/* T.paper            */
  --card:#FFFFFF; /* T.card             */
  --accent:#0E9AA6; /* T.accent    3.03:1 — زينة وعنوان كبير فقط */
  --link:#0E3F45; /* T.brandDeep 8.52:1 — كل نصّ ملوّن */
  --line:#5E8B88; /* T.rule      3.40:1 */
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);
  font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;
  display:flex;flex-direction:column}
.wrap{max-width:760px;margin:auto;padding:clamp(24px,5vw,56px) 22px;width:100%}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;
  color:inherit;text-decoration:none}
.dot{width:12px;height:12px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 5px rgba(14,154,166,.16)}
h1{font-size:clamp(28px,5vw,44px);line-height:1.15;margin:1.2em 0 .2em;letter-spacing:-.4px}
h2{font-size:clamp(19px,2.6vw,23px);margin:1.9em 0 .5em;line-height:1.3}
h2 .n{color:var(--link);font-variant-numeric:tabular-nums}
.updated{color:var(--muted);font-size:14px;margin:0 0 2em}
p,li{font-size:16px;line-height:1.75;color:var(--ink)}
p{margin:0 0 1em}
ul{padding-inline-start:1.3em;margin:0 0 1em}
li{margin-bottom:.45em}
strong{font-weight:600}
a{color:var(--link)}
.lead{font-size:17px;color:var(--muted);line-height:1.7}
.box{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:18px 18px 4px;margin:0 0 1.4em}
.box.warn{border-inline-start:4px solid var(--accent)}
/* الجدول ينزلق أفقياً على الجوال بدل ما يكسر الصفحة. */
.scroll{overflow-x:auto;margin:0 0 1.4em}
table{border-collapse:collapse;width:100%;min-width:440px}
th,td{text-align:start;padding:10px 12px;border-bottom:1px solid var(--line);
  font-size:15px;line-height:1.6;vertical-align:top}
th{font-weight:600;background:var(--card);white-space:nowrap}
footer{color:var(--muted);font-size:13px;border-top:1px solid var(--line);
  padding:18px 22px;text-align:center}
footer a{color:var(--link)}
@media (prefers-color-scheme:dark){
  :root{--ink:#E8F5F2;--muted:#8FB4B8;--paper:#07292E;--card:#0C363C;
    --line:#5C8A8F;--accent:#4FD8E4;--link:#4FD8E4}
}