/* audit-fix: no text clipping on mobile + safe-area */
.skip{position:absolute;inset-inline-start:-9999px;z-index:10000}.skip:focus{inset-inline-start:8px;top:8px;background:#0C5961;color:#fff;padding:8px 14px;border-radius:8px}
.linklike{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.card,.cc,p,li,td,th,a,blockquote,h1,h2,h3{overflow-wrap:anywhere}
img{max-width:100%;height:auto}
@supports(padding:max(0px)){.wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}

  :root{--teal-deep:#08434A;--teal:#0C5961;--teal2:#137a82;--teal-tint:#e8f3f2;--ink:#0f2e31;--muted:#5b7377;--line:#d9e6e4;--card:#fff;--bg:#f4f7f6;--sh1:0 2px 10px rgba(11,46,50,.06);--sh2:0 10px 30px rgba(11,46,50,.12)}
  *{box-sizing:border-box}
  body{margin:0;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:"Tajawal","Readex Pro",system-ui,sans-serif;line-height:1.7}
  html[lang=en]{font-family:"Readex Pro","Tajawal",system-ui,sans-serif}
  .wrap{max-width:980px;margin:0 auto;padding:0 20px}
  a{color:var(--teal)}
  .topbar{background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}
  .topbar-in{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:980px;margin:0 auto;padding:11px 20px}
  .brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:800} .brand img{border-radius:50%}
  .brand small{display:block;font-weight:400;font-size:11px;color:var(--muted)}
  .topnav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .topnav a{color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:700;padding:7px 10px;border-radius:8px}
  .topnav a:hover{background:var(--teal-tint)}
  .topnav .cta{background:var(--teal-deep);color:#fff}
  #langBtn{appearance:none;border:1px solid var(--line);background:#fff;color:var(--teal-deep);font-weight:700;font-size:13px;padding:7px 12px;border-radius:999px;cursor:pointer;font-family:inherit}
  .hero{padding:38px 0 8px}
  .back{display:inline-block;color:var(--muted);text-decoration:none;font-size:13px;margin-bottom:10px}
  .eyebrow{display:inline-block;background:var(--teal-tint);color:var(--teal-deep);font-weight:800;font-size:12.5px;padding:6px 12px;border-radius:999px}
  h1{font-size:clamp(27px,5vw,40px);font-weight:800;margin:10px 0 8px}
  .lead{font-size:16px;color:var(--muted);max-width:760px}
  .tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
  .tag{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700;color:var(--teal-deep);box-shadow:var(--sh1)}
  .tag.req{background:var(--teal-deep);color:#fff;border-color:var(--teal-deep)}
  section.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin:18px 0;box-shadow:var(--sh1)}
  section.card h2{font-size:20px;margin:0 0 10px;color:var(--teal-deep)}
  section.card h2 .ic{margin-inline-end:7px}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  @media(max-width:680px){.grid2{grid-template-columns:1fr}}
  .mini{background:var(--teal-tint);border-radius:11px;padding:12px 14px;font-size:14px}
  .mini b{color:var(--teal-deep)}
  .terms{display:flex;flex-wrap:wrap;gap:9px}
  .term{position:relative}
  .term-tag{appearance:none;border:1px dashed var(--teal2);background:#fff;color:var(--teal-deep);font-family:inherit;font-weight:700;font-size:13px;padding:7px 13px;border-radius:999px;cursor:pointer;transition:background .12s,transform .12s}
  .term-tag:hover{background:var(--teal-tint);transform:translateY(-1px)}
  .term-tag[aria-expanded=true]{background:var(--teal-deep);color:#fff;border-style:solid;border-color:var(--teal-deep)}
  .term-def{flex-basis:100%;margin-top:8px;background:var(--teal-tint);border:1px solid var(--line);border-radius:12px;padding:13px 15px}
  .tdrow{margin:7px 0;font-size:13.5px;line-height:1.7}
  .tdrow:first-child{margin-top:0}
  .tdlbl{display:inline-block;background:var(--teal-deep);color:#fff;font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:999px;margin-inline-end:8px;vertical-align:middle}
  .tdval{color:var(--ink)}
  .tdrow .tdval[dir=ltr]{display:inline-block;font-weight:700;color:var(--teal-deep);font-variant-numeric:tabular-nums}
  .gloss{border-bottom:1px dotted var(--teal2);cursor:help;position:relative}
  .gloss>.gtip{position:absolute;bottom:135%;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:8px 11px;border-radius:8px;font-size:12px;line-height:1.55;font-weight:400;width:max-content;max-width:240px;white-space:normal;direction:inherit;text-align:start;box-shadow:var(--sh2);opacity:0;visibility:hidden;transition:opacity .15s;z-index:60;pointer-events:none}
  .gloss>.gtip{display:none;max-width:min(240px,calc(100vw - 32px))}.gloss:hover>.gtip,.gloss:focus>.gtip,.gloss.show>.gtip{display:block;opacity:1;visibility:visible}
  .gloss>.gtip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--ink)}
  ol.ivq{list-style:none;counter-reset:q;padding:0;margin:0}
  ol.ivq li{counter-increment:q;border-top:1px solid var(--line);padding:15px 0}
  ol.ivq li:first-child{border-top:0}
  .qhead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
  .qtext{flex:1;min-width:0}
  .qen{font-size:14px;color:var(--ink);direction:ltr;text-align:left;font-weight:600}
  .qen::before{content:"Q" counter(q) ". ";font-weight:800;color:var(--teal)}
  .qar{font-size:13.5px;color:var(--muted);margin-top:3px}
  .spk{flex:0 0 auto;appearance:none;border:1px solid var(--line);background:#fff;color:var(--teal-deep);font-size:13px;padding:5px 8px;border-radius:8px;cursor:pointer}
  .spk:hover{background:var(--teal-tint)} .spk.speaking{background:var(--teal-deep);color:#fff}
  .ansbtn{margin-top:9px;background:var(--teal-tint);border:0;color:var(--teal-deep);font-family:inherit;font-weight:700;font-size:12.5px;padding:7px 13px;border-radius:8px;cursor:pointer}
  .ans{margin-top:9px;border-inline-start:3px solid var(--teal2);background:var(--teal-tint);border-radius:0 9px 9px 0;padding:11px 13px}
  .ans .aen{font-size:12.5px;line-height:1.6;direction:ltr;text-align:left;color:var(--teal-deep)} .ans .aen::before{content:"EN · ";font-weight:700}
  .ans .aar{font-size:13px;line-height:1.7;margin-top:8px;color:var(--teal-deep)} .ans .aar::before{content:"ع · ";font-weight:700}
  .ans .spk{margin-bottom:8px}
  .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
  .btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;border-radius:11px;padding:11px 18px;font-weight:700;font-size:14px}
  .btn-primary{background:var(--teal-deep);color:#fff}
  .btn-ghost{background:#fff;border:1px solid var(--line);color:var(--teal-deep)}
  .faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin:9px 0;overflow:hidden}
  .faq-item summary{cursor:pointer;padding:13px 15px;font-weight:700;font-size:15px;list-style:none}
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-a{padding:0 15px 14px;color:var(--muted);font-size:14px}
  footer{border-top:1px solid var(--line);margin-top:24px;padding:22px 0;text-align:center;color:var(--muted);font-size:13px}
  .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}
  .reveal.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
  @media print{.topbar,.ctas,.spk,.ansbtn,#langBtn,.cookie-banner{display:none!important}.ans,.ans[hidden],.term-def,.term-def[hidden]{display:block!important}.reveal{opacity:1!important}}