:root{--navy:#243C84;--blue:#3078C0;--text:#1f2937;--muted:#6b7280;--bg:#f6f8fb;--card:#fff}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Naskh Arabic","Noto Sans Arabic",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}
header{background:var(--navy);color:#fff;padding:20px 16px}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
header a{color:#cfe3f7;text-decoration:none;font-size:14px}
header strong{font-size:18px}
main{max-width:760px;margin:24px auto;padding:0 16px}
article{background:var(--card);border-radius:12px;padding:28px 24px;box-shadow:0 1px 3px rgba(36,60,132,.08)}
h1{color:var(--navy);margin:0 0 4px;font-size:28px}
h2{color:var(--navy);font-size:19px;margin:28px 0 8px}
.meta{color:var(--muted);font-size:14px;margin-bottom:20px}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{border:1px solid #e5e7eb;padding:8px 10px;vertical-align:top;text-align:start}
th{background:#eef3fa;color:var(--navy)}
ol li,ul li{margin:4px 0}
a{color:var(--blue)}
footer{color:var(--muted);font-size:13px;text-align:center;padding:24px 16px}
.note{background:#eef3fa;border-inline-start:4px solid var(--blue);padding:12px 14px;border-radius:6px;margin:16px 0}
@media(max-width:480px){article{padding:20px 16px}h1{font-size:24px}}