@font-face{font-family:"Alexandria";src:url("/fonts/Alexandria-wght.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/fonts/IBMPlexSansArabic-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/fonts/IBMPlexSans-wdth-wght.woff2") format("woff2");font-weight:100 700;font-stretch:85% 100%;font-display:swap}

:root{--bg:#F8FAFC;--surface:#FFFFFF;--text:#111418;--muted:#535B65;--border:#CDD2D8;--primary:#FFC21A;--charcoal:#111418;--warningBg:#FFF3D6;--warning:#775000;--link:#111418}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.8 "IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif}
a{color:var(--link);text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--primary)}
a:focus-visible{outline:3px solid var(--charcoal);outline-offset:2px;border-radius:2px}

.top{background:var(--charcoal);color:#F8FAFC;border-bottom:4px solid var(--primary)}
.top .in{max-width:760px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.top img{height:44px;width:auto;display:block}
.top nav{display:flex;gap:8px}
.top nav a{color:#F8FAFC;text-decoration:none;font-weight:600;font-size:15px;padding:6px 14px;border:1px solid #4B5561;border-radius:999px}
.top nav a:hover{border-color:var(--primary);color:var(--primary)}

main{max-width:760px;margin:0 auto;padding:28px 20px 56px}
h1,h2{font-family:"Alexandria","IBM Plex Sans Arabic",sans-serif;line-height:1.4;margin:0}
h1{font-size:30px;font-weight:700}
h2{font-size:21px;font-weight:600;margin-top:36px;padding-top:4px}
h2::before{content:"";display:inline-block;width:10px;height:10px;background:var(--primary);border:2px solid var(--charcoal);border-radius:50%;margin-inline-end:10px;vertical-align:middle}
p,ul,ol{margin:12px 0}
ul,ol{padding-inline-start:24px}
li{margin:6px 0}
.notice{background:var(--warningBg);color:var(--warning);border:1px solid #E3C77A;border-inline-start:6px solid var(--primary);padding:12px 16px;border-radius:8px;font-weight:600;margin:20px 0}
.meta{color:var(--muted);font-size:15px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px 20px 16px;margin:16px 0}
.card h2{margin-top:20px}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:16px;background:var(--surface)}
th,td{border:1px solid var(--border);padding:8px 12px;text-align:start;vertical-align:top}
th{background:#F0F2F5;font-weight:600}
.table-wrap{overflow-x:auto}
section.en{margin-top:56px;padding-top:8px;border-top:4px solid var(--charcoal)}
section.en,section.en h1,section.en h2{font-family:"IBM Plex Sans",system-ui,sans-serif}
section.en h1,section.en h2{font-weight:700}
section.en{font-size:16.5px;line-height:1.7}
footer{background:var(--charcoal);color:#BCC3CC;font-size:14px}
footer .in{max-width:760px;margin:0 auto;padding:20px}
footer a{color:#FFC21A}
@media (max-width:520px){h1{font-size:25px}body{font-size:16px}.top img{height:36px}}
@media print{.top nav{display:none}body{background:#fff}}