/* الصفحات القانونية — هوية الموقع نفسها، بتخطيط قراءة طويلة */
*{margin:0;padding:0;box-sizing:border-box}
:root{
 --rgb-fill:255,255,255;--rgb-text:236,224,239;
 --c-void:#08060f;--c-nebula:#8e6bae;--c-lavender:#a27cb7;--c-pearl-lav:#cdb1d4;
 --text-primary:#fff;--text-body:rgba(var(--rgb-text),.76);--text-muted:rgba(var(--rgb-text),.55);
 --border-glass:rgba(var(--rgb-fill),.12);--border-subtle:rgba(var(--rgb-fill),.08);
 --surface-card:rgba(var(--rgb-fill),.045);
 --grad-heading:linear-gradient(118deg,#f6eff8 0%,#cdb1d4 46%,#a27cb7 100%);
 --font-ar:'Noto Kufi Arabic',sans-serif;
 --r-lg:18px;--r-pill:999px;--maxw:860px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--c-void);color:var(--text-body);font-family:var(--font-ar);
 font-size:15px;line-height:2.05;-webkit-font-smoothing:antialiased}
.bg{position:fixed;inset:0;z-index:-2;pointer-events:none;
 background:radial-gradient(1000px 640px at 80% -10%,rgba(93,63,134,.42),transparent 62%),
            radial-gradient(820px 560px at 6% 30%,rgba(46,42,110,.36),transparent 60%),
            linear-gradient(180deg,#08060f,#0d0a1c 42%,#0a0715)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* ── الرأس ── */
header{position:sticky;top:0;z-index:20;background:rgba(8,6,15,.78);
 -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-subtle)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand .wd{font-weight:700;font-size:17px;color:var(--text-primary)}
.brand .wd i{display:block;font-style:normal;font-size:8.5px;letter-spacing:.34em;color:var(--text-muted)}
.brand svg{width:34px;height:34px}
.nav a.back{color:var(--text-muted);text-decoration:none;font-size:12.5px;border:1px solid var(--border-glass);
 border-radius:var(--r-pill);padding:8px 16px;transition:.25s}
.nav a.back:hover{color:var(--text-primary);background:rgba(var(--rgb-fill),.07)}

/* ── المتن ── */
main{padding:56px 0 80px}
.doc-head{margin-bottom:34px}
.doc-head .eyebrow{font-size:11px;letter-spacing:.22em;color:var(--c-pearl-lav);margin-bottom:10px}
.doc-head h1{font-size:clamp(26px,4.4vw,38px);line-height:1.5;color:var(--text-primary);
 background:var(--grad-heading);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.doc-head .meta{font-size:12px;color:var(--text-muted);margin-top:10px}
article{background:var(--surface-card);border:1px solid var(--border-glass);border-radius:var(--r-lg);
 padding:34px clamp(20px,4vw,44px)}
article h2{color:var(--text-primary);font-size:17.5px;margin:34px 0 10px;line-height:1.7}
article h2:first-child{margin-top:0}
article h2 span{color:var(--c-lavender);margin-inline-end:8px}
article p{margin:10px 0}
article ul{margin:10px 22px 14px 0;padding:0}
article li{margin:7px 0}
article b{color:var(--text-primary);font-weight:600}
article a{color:var(--c-pearl-lav)}
.callout{border:1px solid rgba(142,107,174,.35);background:rgba(142,107,174,.08);
 border-radius:12px;padding:14px 18px;margin:16px 0;font-size:13.5px}
.fill-in{color:#e8c06a;border-bottom:1px dashed rgba(232,192,106,.5)}

/* ── الذيل ── */
footer{border-top:1px solid var(--border-subtle);padding:26px 0 40px}
.fbot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}
.fbot a{color:var(--text-muted);text-decoration:none;margin-inline-start:16px}
.fbot a:hover{color:var(--text-primary)}
@media (max-width:640px){article{padding:24px 18px}body{font-size:14px}}