:root{color-scheme:dark;--bg:#080b0e;--panel:#10151a;--text:#f5f7f9;--muted:#9aa8b4;--line:#24303a;--accent:#59e3bb;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.8}.nav,footer{max-width:var(--max);margin:auto;padding:24px;display:flex;align-items:center;gap:28px}.nav{justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--text)}.brand span{font-size:24px;font-weight:800;letter-spacing:.12em}.brand small{color:var(--muted)}nav{display:flex;gap:22px}a{color:var(--accent)}nav a,footer a{color:var(--muted);text-decoration:none}nav a:hover,nav a.active,footer a:hover{color:var(--text)}main{max-width:var(--max);margin:auto;padding:70px 24px}.hero{max-width:860px;padding:50px 0 80px}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.18em}.hero h1,.document h1{font-size:clamp(42px,8vw,88px);line-height:1.1;letter-spacing:-.04em;margin:20px 0}.document h1{font-size:clamp(42px,6vw,70px)}.lead{font-size:clamp(18px,2vw,23px);color:#c4ced6;max-width:780px}.notice{margin-top:35px;border:1px solid var(--line);background:var(--panel);padding:22px;border-radius:14px;color:#c8d4dc}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid article,.english{border:1px solid var(--line);background:var(--panel);padding:28px;border-radius:16px}.grid span{color:var(--accent);font-weight:800}.grid h2{margin:35px 0 8px}.grid p,.document p{color:#b7c2cb}.english{margin-top:70px}.document{max-width:860px}.document h2{font-size:24px;margin:48px 0 8px}.document a{word-break:break-word}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap}footer span{margin-inline-end:auto}@media(max-width:760px){.nav{align-items:flex-start}.brand small{display:none}.grid{grid-template-columns:1fr}.hero{padding-top:20px}.nav,footer,main{padding-left:18px;padding-right:18px}nav{gap:13px}.document h2{margin-top:36px}}
