:root{
  --asphalt:#0B0E13; --asphalt-2:#141A22; --beacon:#FFB300;
  --paint:#EDF1F6; --steel:#8894A6; --line:rgba(237,241,246,.11);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--asphalt);color:var(--paint);
  font-family:'IBM Plex Sans Arabic',system-ui,'Segoe UI',sans-serif;
  font-size:17px;line-height:1.85;
}
h1,h2,.kufi{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:var(--beacon)}
:focus-visible{outline:3px solid var(--beacon);outline-offset:3px;border-radius:6px}
.shell{width:min(760px,92vw);margin-inline:auto}

.hdr{position:sticky;top:0;z-index:10;background:rgba(11,14,19,.9);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.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:var(--paint);font-weight:700}
.brand .lamp{width:14px;height:14px;border-radius:50%;background:var(--beacon);
  box-shadow:0 0 0 4px rgba(255,179,0,.16),0 0 16px 3px rgba(255,179,0,.5);flex:none}
.hdr-call{background:var(--beacon);color:#0B0E13;font-weight:700;padding:.45rem .9rem;
  border-radius:999px;text-decoration:none;font-size:.92rem;white-space:nowrap}

.hazard{height:10px;background:repeating-linear-gradient(-58deg,var(--beacon) 0 20px,#0B0E13 20px 40px);opacity:.85}

main{padding:clamp(2.2rem,6vw,4rem) 0 4rem}
.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.12em;color:var(--beacon);
  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.4rem;padding-bottom:1.6rem;border-bottom:1px solid var(--line)}
h2{font-size:1.15rem;font-weight:700;margin:2.4rem 0 .7rem;color:var(--paint)}
p,li{color:#C7CEDA}
ul{padding-inline-start:1.2rem;margin:.6rem 0}
li{margin-bottom:.45rem}
.callout{background:var(--asphalt-2);border-right:3px solid var(--beacon);
  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}
th,td{text-align:right;padding:.75rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--beacon);font-weight:700;font-size:.9rem}

.ftr{background:#070A0E;border-top:1px solid var(--line);padding:2.2rem 0;font-size:.9rem;color:var(--steel)}
.ftr nav{display:flex;flex-wrap:wrap;gap:.6rem 1.3rem;margin-bottom:1.1rem}
.ftr nav a{text-decoration:none}
.ftr nav a:hover{text-decoration:underline}
.ftr p{color:var(--steel);margin:0;font-size:.85rem}