*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
:root{--paper:#F5F1FF;--ink:#16092B;--vi:#7C4DDB;--pk:#DF1673;--ye:#FFD60A;--gr:#25D17B;--mut:#5B4F78;--bw:2.5px;--sh:-5px 5px 0 var(--ink);color-scheme:light}
body{margin:0;background:var(--paper) radial-gradient(#d9cff2 1.2px,transparent 1.2px) 0 0/22px 22px;color:var(--ink);font:400 17px/1.9 'IBM Plex Sans Arabic',system-ui,sans-serif;padding-bottom:env(safe-area-inset-bottom,0)}
a{color:var(--vi)}
.bh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(10px + env(safe-area-inset-top,0)) 18px 10px;background:#fff;border-bottom:var(--bw) solid var(--ink)}
.who{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:400 24px/1 'Lalezar',sans-serif}
.lg{width:40px;height:40px;border-radius:50%;border:var(--bw) solid var(--ink);background:var(--ye) url(../../assets/img/nouf-face.jpg) center top/cover}
.bhl{padding:9px 16px;background:var(--pk);color:#fff;text-decoration:none;border:var(--bw) solid var(--ink);border-radius:999px;font-weight:700;font-size:15px;box-shadow:-3px 3px 0 var(--ink)}
.bw{max-width:720px;margin:0 auto;padding:18px 18px 40px}
.bc{display:flex;flex-wrap:wrap;gap:4px 8px;margin:6px 0 16px;font-size:14px;color:var(--mut)}.bc a{color:var(--mut)}.bc span[aria-hidden]{opacity:.6}
.ar,.bi{background:#fff;border:var(--bw) solid var(--ink);border-radius:26px;box-shadow:var(--sh);padding:24px 20px}
h1{margin:0 0 6px;font:400 clamp(32px,8vw,44px)/1.25 'Lalezar',sans-serif}
.meta{margin:0 0 18px;font-size:14px;color:var(--mut)}
h2{margin:28px 0 8px;font:400 clamp(24px,6vw,30px)/1.3 'Lalezar',sans-serif}
p{margin:0 0 14px}ul,ol{margin:0 0 14px;padding-inline-start:22px}li{margin-bottom:6px}
.tw{overflow-x:auto;margin:0 0 16px;border:var(--bw) solid var(--ink);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:420px;font-size:15.5px;line-height:1.6}th,td{padding:10px 12px;text-align:start;border-bottom:2px solid #e4dcf7}th{background:var(--ye);font-weight:700}tr:last-child td{border-bottom:0}
.note{padding:12px 14px;margin:0 0 16px;background:#FFF4B8;border:2px dashed var(--ink);border-radius:16px;font-size:16px;line-height:1.8}
.cta{margin:28px 0 0;padding:20px;background:var(--vi);color:#fff;border:var(--bw) solid var(--ink);border-radius:22px;text-align:center}
.cta b{display:block;margin-bottom:12px;font:400 24px/1.4 'Lalezar',sans-serif}
.cta a{display:inline-block;margin:4px;padding:11px 22px;border:var(--bw) solid var(--ink);border-radius:999px;text-decoration:none;font-weight:700;font-size:16px;box-shadow:-3px 3px 0 var(--ink)}
.cta .p{background:var(--ye);color:var(--ink)}.cta .w{background:var(--gr);color:var(--ink)}
.rel{margin-top:28px}.rel h2{margin-top:0}.gl{display:grid;gap:12px}.gl a{display:block;padding:14px 16px;background:#fff;color:var(--ink);text-decoration:none;border:var(--bw) solid var(--ink);border-radius:18px;box-shadow:-4px 4px 0 var(--ink);font-weight:700;line-height:1.5}.gl a small{display:block;margin-top:2px;font-size:14px;font-weight:500;color:var(--mut)}
.bf{max-width:720px;margin:0 auto;padding:0 18px 40px;text-align:center;font-size:14px;color:var(--mut)}.bf nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-bottom:8px}.bf a{font-weight:700}
a:focus-visible{outline:3px solid var(--vi);outline-offset:3px}
@media (min-width:700px){.ar,.bi{padding:34px 36px}}