/* رينتا — نمط واحد لكل الصفحات. RTL أصلًا، بلا إطار عمل وبلا تتبّع. */
/* لوحةُ الهويّةِ نفسُها التي في `rinta-mobile/theme.js` — لا لوحةٌ ثانيةٌ للموقع
   (‏أمرُ المؤسّس 2026-09-08: «اعكس هويّةَ التطبيقِ الآن»). كان `--brand: #F5A623`
   لونًا لا وجودَ له في الهويّة، و`--ink: #1A1A1F` رماديًّا أزرقَ لا حبرَ رينتا.
   والكهرمانيُّ درجتان لا واحدة: `--brand` للأسطحِ والتعبئة، و`--brand-ink`
   لـ**كلِّ نصٍّ كهرمانيٍّ على أرضيّةٍ فاتحة** (‏#E39A2E نصًّا = 2.35 راسب). */
:root {
  --bg: #F4F6F5;
  --card: #FFFFFF;
  --ink: #16211D;
  --muted: #5C6B65;
  --line: #E4E9E6;
  --brand: #E39A2E;
  --brand-ink: #8A5A00;
  --link: #1565D8;
  --warn-bg: #FAF1DD;
  --warn-line: #E3C98F;
  --radius: 14px;
  --max: 44rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #101512; --card: #19201C; --ink: #F1F5F3; --muted: #A6B2AC;
    --line: #2A322D; --link: #6BA8FF; --warn-bg: #2A2214; --warn-line: #6B5426;
    /* على الداكنِ يُقلَب الحبرُ الكهرمانيُّ إلى الكهرمانيِّ نفسِه: `#8A5A00`
       على أرضٍ داكنةٍ لا يُقرأ، و`#E39A2E` عليها يعبر AA. */
    --brand-ink: #E39A2E;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "SF Arabic", "Segoe UI", Tahoma, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.85;
}
.wrap { max-width: var(--max); margin: 0 auto; padding: 1.5rem 1.25rem 4rem; }

/* الترويسة */
header.site { padding: 2rem 0 1rem; }
.brand { display: flex; align-items: center; gap: .75rem; text-decoration: none; color: inherit; }
.mark {
  width: 46px; height: 46px; border-radius: 13px; background: var(--brand);
  display: grid; place-items: center; color: #fff; font-size: 1.65rem;
  font-weight: 700; line-height: 1; flex: 0 0 auto;
}
.brand b { font-size: 1.35rem; letter-spacing: -.01em; }

nav.site { margin: 1rem 0 0; padding: 0; }
nav.site ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem .5rem; }
nav.site a {
  display: inline-block; padding: .35rem .75rem; border: 1px solid var(--line);
  border-radius: 999px; text-decoration: none; color: var(--muted); font-size: .9375rem;
  background: var(--card);
}
nav.site a:hover, nav.site a:focus-visible { color: var(--ink); border-color: var(--brand); }
nav.site a[aria-current="page"] { color: var(--ink); border-color: var(--brand); font-weight: 600; }

h1 { font-size: 1.85rem; line-height: 1.35; margin: 1.75rem 0 .5rem; letter-spacing: -.015em; }
h2 { font-size: 1.25rem; margin: 2rem 0 .5rem; letter-spacing: -.01em; }
p, li { color: var(--ink); }
.lede { color: var(--muted); font-size: 1.125rem; }
a { color: var(--link); }
a:focus-visible, button:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; border-radius: 4px; }

.card {
  background: var(--card); border: 1px solid var(--line);
  border-radius: var(--radius); padding: 1.1rem 1.25rem; margin: 1rem 0;
}
.draft {
  background: var(--warn-bg); border: 1px solid var(--warn-line);
  border-radius: var(--radius); padding: .9rem 1.1rem; margin: 1.25rem 0;
  font-weight: 600;
}
/* P-10 (2026-09-08): «لا شريطَ لونيًّا على حافّةِ سطحٍ أبدًا» — قاعدةُ المؤسّسِ
   الدائمة، وهي عامّةٌ: «لا في هذا التطبيق ولا في غيره من الأعمالِ التقنيّة».
   كان هنا حدٌّ جانبيٌّ ٤ بكسل بلونِ العلامة. البديلُ المعتمَد: **حبرٌ كهرمانيّ**
   — اللونُ يسكن أوّلَ الجملةِ (‏<strong>) لا الحافّة، فيبقى المعنى ويسقط الشريط. */
.disclaimer {
  background: var(--card); border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: .9rem 1.1rem; margin: 1.25rem 0;
}
.disclaimer > strong:first-child { color: var(--brand-ink, var(--brand)); }
table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .96rem; }
th, td { text-align: start; padding: .55rem .6rem; border-bottom: 1px solid var(--line); vertical-align: top; }
th { color: var(--muted); font-weight: 600; }
code { background: var(--card); border: 1px solid var(--line); border-radius: 6px; padding: .1rem .35rem; font-size: .92em; }
ol, ul { padding-inline-start: 1.4rem; }
footer.site {
  margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid var(--line);
  color: var(--muted); font-size: .9375rem;
}
footer.site a { color: var(--muted); }
.skip {
  position: absolute; inset-inline-start: -9999px; top: 0;
  background: var(--brand); color: #fff; padding: .6rem 1rem; z-index: 10; border-radius: 0 0 8px 0;
}
.skip:focus { inset-inline-start: 0; }
@media (max-width: 30rem) { h1 { font-size: 1.55rem; } body { font-size: 1rem; } }