/* ---------- Arabic blog and glossary ---------- */
.ar{font-family:"IBM Plex Sans Arabic",var(--sans)}
.ar *{letter-spacing:0}
.ar h1,.ar h2,.ar h3{font-family:"IBM Plex Sans Arabic",var(--head);font-weight:700;letter-spacing:0}
.ar code,.ar pre{font-family:var(--mono)}
.cs-hero .ar h1{font-size:clamp(30px,4.4vw,54px);line-height:1.35;max-width:920px}
.cs-hero .ar .lead{font-size:19px;line-height:1.95;max-width:720px}
.cs-hero .ar .crumbs{font-family:"IBM Plex Sans Arabic",var(--sans);font-size:13.5px}
.cs-hero .ar .tag{font-family:"IBM Plex Sans Arabic",var(--sans)}
.byline{font-size:14.5px;color:var(--lav);margin-top:-8px}
.cs .post-sec{padding:56px 0 96px}

/* article body */
.post{max-width:760px;margin:0 auto}
.post p,.post li{font-size:19px;line-height:2;color:var(--ink)}
.post p{margin:0 0 20px}
.post a{color:var(--mid);text-decoration:underline;text-underline-offset:4px}
.post h2{font-size:clamp(24px,3vw,31px);line-height:1.45;margin:52px 0 14px;color:var(--deep);max-width:none}
.post h3{font-size:22px;line-height:1.5}
.post ul{margin:0 0 24px;padding-inline-start:24px}
.post ul li{margin-bottom:8px}
.post code{direction:ltr;unicode-bidi:isolate;background:var(--lavl);color:var(--deep);padding:2px 8px;border-radius:8px;font-size:.88em}
.callout{background:var(--lavl);border-inline-start:4px solid var(--mid);border-radius:16px;padding:6px 22px;margin:0 0 24px}
.callout p{margin:14px 0}
.note{background:#fff;border:1px dashed var(--line);border-radius:14px;padding:14px 18px;font-size:16.5px!important;color:var(--muted)!important;margin-top:28px}

.post ol.stp{counter-reset:s;list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px}
.post ol.stp li{counter-increment:s;position:relative;padding:16px 18px;padding-inline-start:68px;background:#fff;border:1px solid var(--line);border-radius:16px;font-size:18px;line-height:1.9}
.post ol.stp li::before{content:counter(s);position:absolute;inset-inline-start:18px;top:16px;width:34px;height:34px;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-items:center;font:600 15px var(--sans)}

.tbl-wrap{overflow-x:auto;margin:0 0 24px;border:1px solid var(--line);border-radius:16px;background:#fff}
.post table{width:100%;border-collapse:collapse;min-width:560px}
.post th,.post td{padding:14px 16px;text-align:start;font-size:16.5px;line-height:1.8;border-bottom:1px solid var(--line);vertical-align:top}
.post thead th{background:var(--deep);color:#fff;font-weight:600}
.post tbody th{background:var(--lavl);color:var(--deep);font-weight:600;white-space:nowrap}
.post tbody tr:last-child th,.post tbody tr:last-child td{border-bottom:0}

.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 24px}
.kpis div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.kpis b{display:block;font-size:26px;line-height:1.3;color:var(--deep);font-weight:700}
.kpis span{font-size:15px;color:var(--muted);line-height:1.7}

pre.code{background:var(--deeper);color:var(--lavl);border-radius:16px;padding:20px 22px;overflow-x:auto;text-align:left;font-size:13.5px;line-height:1.75;margin:0 0 24px}
pre.code code{background:none;color:inherit;padding:0;font-size:inherit}

.post .faq{margin:0 0 8px}
.post .faq summary{font-family:"IBM Plex Sans Arabic",var(--head);font-size:18px;line-height:1.6}
.post .faq details p{font-size:17px;color:var(--muted);margin:12px 0 0}

.post-cta{background:linear-gradient(135deg,var(--mid),var(--deep) 75%);color:#fff;border-radius:28px;padding:36px 32px;margin:56px 0 0;text-align:center}
.post-cta h3{color:#fff;font-size:clamp(22px,3vw,28px);line-height:1.5;margin:0 0 10px}
.post-cta p{color:#E4DCFF;font-size:17px;line-height:1.9;margin:0 auto 22px;max-width:560px}
.post-cta .cta{justify-content:center;display:flex;flex-wrap:wrap;gap:12px}
.post-cta a{text-decoration:none;color:inherit}
.post-cta .btn-lav{color:var(--deeper)}

/* cards */
.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.bl-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s}
.bl-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(42,26,82,.1);border-color:#CFC2F5}
.bl-card h3{font-size:20px;line-height:1.55;color:var(--deep)}
.bl-card p{font-size:15.5px;line-height:1.9;color:var(--muted);margin:0;flex:1}
.bl-tag{align-self:flex-start;background:var(--lavl);color:var(--deep);font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:999px}
.bl-meta{font-size:13.5px;color:var(--muted)}
.gl-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;background:var(--deep);color:#fff;border-radius:22px;padding:24px 28px;text-decoration:none}
.gl-banner b{display:block;font-size:19px}
.gl-banner small{display:block;color:#D3CAF3;font-size:14.5px;margin-top:4px}
.gl-banner i{font-style:normal;font-size:24px}
.related{max-width:1000px;margin:72px auto 0}
.related h2{font-size:26px;margin:0 0 20px;color:var(--deep)}
.gl-link{margin-top:20px;font-size:16px}
.gl-link a{color:var(--mid)}

/* glossary */
.gl{max-width:780px;margin:0 auto}
.gl-search{width:100%;font:500 17px "IBM Plex Sans Arabic",var(--sans);padding:14px 20px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);margin-bottom:22px}
.gl-search:focus{outline:2px solid var(--lav);border-color:var(--lav)}
.gl-term{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 24px;margin-bottom:12px;scroll-margin-top:96px}
.gl-term[hidden]{display:none}
.gl-term h2{font-size:21px;line-height:1.5;margin:0 0 8px;color:var(--deep);display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:none}
.gl-en{font:500 12.5px var(--mono);background:var(--lavl);color:var(--mid);padding:3px 10px;border-radius:999px;letter-spacing:.04em!important}
.gl-term p{margin:0;font-size:17.5px;line-height:1.95;color:var(--ink)}
.gl-empty{text-align:center;color:var(--muted);padding:20px}
.gl .post-cta{margin-top:40px}

@media (max-width:700px){
  .post p,.post li{font-size:17.5px;line-height:1.95}
  .post ol.stp li{font-size:16.5px;padding-inline-start:60px}
  .kpis{grid-template-columns:1fr}
  .post-cta{padding:28px 20px}
  .cs-hero .ar .lead{font-size:17px}
  .bl-grid{grid-template-columns:1fr}
  .gl-banner{padding:20px}
}

/* glossary index and term pages */
.gl-tools{max-width:980px;margin:0 auto 22px;display:grid;gap:14px}
.gl-chips{display:flex;flex-wrap:wrap;gap:8px}
.gl-chip{font:600 14.5px "IBM Plex Sans Arabic",var(--sans);padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--deep);cursor:pointer;min-height:42px}
.gl-chip.on{background:var(--deep);color:#fff;border-color:var(--deep)}
.gl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:980px;margin:0 auto}
.gl-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px;text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s}
.gl-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(42,26,82,.09);border-color:#CFC2F5}
.gl-card[hidden]{display:none}
.gl-card h3{font-size:19px;line-height:1.5;color:var(--deep);margin:0}
.gl-card p{font-size:15px;line-height:1.85;color:var(--muted);margin:0}
.gl-card .gl-en{align-self:flex-start}
.gl-en-h{font-size:14px!important;vertical-align:middle}
.cs-hero .gl-en{background:rgba(185,167,245,.18);color:var(--lavl)}
.gl-cta{max-width:980px;margin:36px auto 0}
.gl-cta .post-cta{margin-top:0}
.related .gl-grid{max-width:none}
@media (max-width:700px){.gl-grid{grid-template-columns:1fr}}