:root{
  --deep:#06283D; --deep-2:#0B3A57; --aqua:#2EC4B6; --sand:#F4F1EA;
  --ink:#0E2433; --steel:#5A6F7E; --line:#DCE4EA;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sand);color:var(--ink);font-family:'IBM Plex Sans Arabic',system-ui,'Segoe UI',sans-serif;font-size:17px;line-height:1.85}
h1,h2{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif;line-height:1.4}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace;direction:ltr;unicode-bidi:isolate}
a{color:#0F7F75}
:focus-visible{outline:3px solid var(--aqua);outline-offset:3px;border-radius:6px}
.shell{width:min(760px,92vw);margin-inline:auto}
.hdr{position:sticky;top:0;z-index:10;background:rgba(6,40,61,.95);backdrop-filter:blur(12px);color:#fff}
.hdr .shell{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:#fff;font-weight:700}
.brand .drop{width:14px;height:18px;background:var(--aqua);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;flex:none}
.hdr-call{background:var(--aqua);color:var(--deep);font-weight:700;padding:.45rem .9rem;border-radius:999px;text-decoration:none;font-size:.92rem;white-space:nowrap}
.wave{height:8px;background:repeating-linear-gradient(90deg,var(--aqua) 0 24px,var(--deep) 24px 48px);opacity:.8}
main{padding:clamp(2.2rem,6vw,4rem) 0 4rem}
.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#0F7F75;display:block;margin-bottom:.6rem}
h1{font-size:clamp(1.65rem,4.5vw,2.4rem);font-weight:800;margin:0 0 .5rem}
.updated{color:var(--steel);font-size:.9rem;margin:0 0 2.2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
h2{font-size:1.15rem;font-weight:700;margin:2.3rem 0 .7rem}
p,li{color:#2E4452}
ul{padding-inline-start:1.2rem;margin:.6rem 0}
li{margin-bottom:.45rem}
.callout{background:#fff;border-right:3px solid var(--aqua);border-radius:0 12px 12px 0;padding:1.1rem 1.3rem;margin:1.8rem 0}
.callout p{margin:0}
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem;background:#fff;border-radius:12px;overflow:hidden}
th,td{text-align:right;padding:.75rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--deep);font-weight:700;font-size:.9rem;width:34%}
.ftr{background:#041B29;padding:2.2rem 0;font-size:.9rem;color:#9FB3C1}
.ftr nav{display:flex;flex-wrap:wrap;gap:.6rem 1.3rem;margin-bottom:1.1rem}
.ftr nav a{color:#CFE0EA;text-decoration:none}
.ftr nav a:hover{text-decoration:underline}
.ftr p{color:#9FB3C1;margin:0;font-size:.85rem}