:root { --blue:#244d70; --tint:#edf3fa; --gold:#e9b949; --ink:#20374b; --muted:#627488; --line:#dfe6ee; --surface:#f5f7fb; }
* { box-sizing:border-box; } body { margin:0; font-family:'DM Sans',Tajawal,sans-serif; color:var(--ink); background:var(--surface); line-height:1.65; }
header { background:var(--blue); color:#fff; padding:20px 0 36px; border-radius:0 0 28px 28px; } header img { height:32px; }
.wrap { max-width:780px; margin:0 auto; padding:0 20px; } h1,h2 { font-family:Manrope,Tajawal,sans-serif; line-height:1.2; }
h1 { font-size:clamp(28px,4vw,40px); margin:28px 0 6px; } header p { margin:0; color:rgba(255,255,255,.8); }
h2 { font-size:21px; margin:34px 0 8px; } main { padding:12px 0 40px; } table { width:100%; border-collapse:collapse; background:#fff; font-size:15px; }
th,td { border:1px solid var(--line); padding:8px 10px; text-align:start; vertical-align:top; } th { background:var(--tint); }
.draft { background:#fffbeb; border:1px solid #a16207; color:#854d0e; border-radius:12px; padding:12px 14px; margin-top:24px; }
a { color:var(--blue); } footer { padding:24px 0 40px; color:var(--muted); font-size:14px; } footer a { margin-inline-end:16px; }
header .wrap > a:first-child { display:inline-block; } .lang { float:inline-end; color:#fff; font-weight:700; text-decoration:none; border:1px solid rgba(255,255,255,.5); border-radius:999px; padding:4px 14px; margin-top:2px; }