/* V62 — dedicated Arabic article reading experience */
.article-page-no-footer{background:#fff;padding-bottom:34px}
.article62{font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;background:#fff;color:#111}
.article62-hero{background:#dce5e0;border-bottom:1px solid #d4ddd8;min-height:314px;display:flex;align-items:center;padding:58px 0 62px}
.article62-hero-inner{max-width:1180px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.article62-meta{display:flex;align-items:center;justify-content:center;gap:9px;color:#123f66;font-size:14px;font-weight:700;line-height:1.4}
.article62-meta time{font-family:Manrope,Arial,sans-serif;color:#2f3432;font-size:12px;font-weight:700}
.article62-hero h1{max-width:1120px;margin:34px 0 0;font-size:clamp(42px,4vw,64px);line-height:1.32;font-weight:700;letter-spacing:0;color:#050807;text-wrap:balance}
.article62-layout{max-width:1240px;display:grid;grid-template-columns:330px minmax(0,760px);gap:88px;justify-content:center;align-items:start;padding-top:52px;padding-bottom:76px;direction:ltr}
.article62-sidebar{direction:rtl;position:sticky;top:94px;display:grid;gap:18px;align-self:start}
.article62-follow-card{background:#f4f4f3;border-radius:22px;padding:23px 22px 25px}
.article62-follow-card h2{margin:0 2px 18px;font-size:22px;line-height:1.45;font-weight:500;color:#343a37}
.article62-author-box{background:#fff;border-radius:18px;display:flex;align-items:center;gap:16px;padding:14px 16px;box-shadow:0 6px 18px rgba(19,45,37,.06)}
.article62-author-box img{width:62px;height:62px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.article62-author-box div{display:grid;gap:5px;text-align:left;direction:ltr}
.article62-author-box strong{font-family:Manrope,Arial,sans-serif;color:#21493b;font-size:18px;line-height:1.2}
.article62-author-box small{font-family:Manrope,Arial,sans-serif;color:#111;font-size:10px;line-height:1.4}
.article62-project-card{min-height:90px;border-radius:20px;background:#e5ece8;color:#25342e;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;font-size:17px;line-height:1.5}
.article62-project-card>span{max-width:175px}
.article62-project-card>b{flex:0 0 auto;min-width:108px;height:42px;border-radius:999px;background:#244b3f;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700}
.article62-copy{height:44px;border:1px solid #dce2de;background:#fff;color:#3d4944;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:9px;font:700 12px/1 "IBM Plex Sans Arabic",sans-serif;cursor:pointer;transition:.2s ease}
.article62-copy:hover{background:#111;color:#fff;border-color:#111}
.article62-main{direction:rtl;min-width:0}
.article62-prose{font-size:18px;line-height:2.02;color:#444d49;text-align:right}
.article62-prose>p:first-child{margin-top:0}
.article62-prose p{margin:0 0 27px}
.article62-prose strong,.article62-prose b{font-weight:700;color:#141917}
.article62-prose h2{margin:42px 0 18px;padding-top:7px;font-size:29px;line-height:1.55;font-weight:700;color:#090d0b}
.article62-prose h2:after{content:"";display:block;height:1px;background:#dcdedc;margin-top:22px}
.article62-prose h3{margin:32px 0 14px;font-size:22px;line-height:1.6;font-weight:700;color:#111713}
.article62-prose h4{margin:27px 0 12px;font-size:19px;line-height:1.6;color:#16201c}
.article62-prose ul,.article62-prose ol{margin:0 0 28px;padding:0 27px 0 0;display:grid;gap:7px}
.article62-prose li{padding-right:2px}
.article62-prose blockquote{margin:34px 0;padding:4px 22px 4px 0;border-right:4px solid #244b3f;color:#5b6560;font-size:21px;line-height:1.8}
.article62-prose a{color:#174f80;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article62-prose hr{border:0;height:1px;background:#dedfdf;margin:36px 0}
.article62-prose figure{margin:34px 0;text-align:center}
.article62-prose figure img,.article62-prose>img{display:block;width:100%;height:auto;max-height:720px;object-fit:cover;border-radius:18px;margin:30px auto}
.article62-prose figcaption{margin-top:9px;color:#7b817e;font-size:12px;line-height:1.7}
.article62-prose table{width:100%;border-collapse:separate;border-spacing:0;margin:34px 0;border:1px solid #dfe4e1;border-radius:16px;overflow:hidden;background:#fff;font-size:15px;line-height:1.65}
.article62-prose th,.article62-prose td{padding:14px 16px;border-left:1px solid #e3e7e4;border-bottom:1px solid #e3e7e4;text-align:right;vertical-align:top}
.article62-prose th{background:#eef3f0;color:#173d32;font-weight:700}
.article62-prose tr:last-child td{border-bottom:0}.article62-prose tr>*:last-child{border-left:0}
.article62-prose pre{direction:ltr;text-align:left;white-space:pre-wrap;overflow:auto;margin:32px 0;padding:20px;border-radius:16px;background:#101713;color:#edf6f1;font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.article62-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.article62-next{margin-top:55px;border-top:1px solid #dde1df;padding-top:28px;display:grid;grid-template-columns:1fr auto;gap:8px 22px;color:#15211c}
.article62-next span{grid-column:1;font-size:11px;color:#7a837f;font-weight:700}
.article62-next strong{grid-column:1;font-size:25px;line-height:1.5;font-weight:700}
.article62-next i{grid-column:2;grid-row:1/3;align-self:center;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#244b3f;color:#fff}
/* V63 — reading progress aligned to the same visual width as the site/navbar */
.article62-progress{position:fixed;z-index:5000;left:50%;right:auto;bottom:10px;width:min(1200px,calc(100% - 40px));height:20px;transform:translateX(-50%);pointer-events:none;--article-progress:0}
.article62-progress-track{position:absolute;inset:0;height:20px;border-radius:999px;background:#e6e8e7;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(17,27,23,.025)}
.article62-progress-fill{display:block;width:calc(var(--article-progress)*1%);height:100%;border-radius:999px;background:#244b3f;transition:width .08s linear}
.article62-progress-label{position:absolute;z-index:2;top:0;left:clamp(0px,calc(var(--article-progress)*1% - 58px),calc(100% - 58px));width:58px;min-width:58px;height:20px;padding:0;border-radius:999px;background:#244b3f;color:#fff;display:flex;align-items:center;justify-content:center;font:700 12px/1 Manrope,Arial,sans-serif;transition:left .08s linear;box-sizing:border-box}
.article62-progress[data-low-progress="true"] .article62-progress-label{left:0}
@media(max-width:1024px){.article62-layout{grid-template-columns:280px minmax(0,1fr);gap:46px;padding-left:24px;padding-right:24px}.article62-hero h1{font-size:44px}}
@media(max-width:760px){
  .article-page-no-footer{padding-bottom:30px}.article62-hero{min-height:188px;padding:40px 18px 42px}.article62-hero-inner{padding:0}.article62-meta{font-size:12px;gap:7px}.article62-meta time{font-size:10px}.article62-hero h1{margin-top:25px;font-size:25px;line-height:1.45;max-width:340px}
  .article62-layout{display:block;padding:0 22px 58px}.article62-sidebar{display:none}.article62-main{padding-top:52px}.article62-prose{font-size:17px;line-height:1.93;text-align:right}.article62-prose p{margin-bottom:25px}.article62-prose h2{font-size:25px;line-height:1.48;margin:35px 0 17px}.article62-prose h2:after{margin-top:18px}.article62-prose h3{font-size:21px}.article62-prose blockquote{font-size:18px;padding-right:17px}.article62-prose figure img,.article62-prose>img{border-radius:14px;margin:25px auto}.article62-prose table{font-size:13px;display:block;overflow-x:auto;white-space:nowrap}.article62-prose th,.article62-prose td{padding:11px 12px}.article62-next{margin-top:42px}.article62-next strong{font-size:21px}.article62-progress{left:50%;right:auto;bottom:8px;width:calc(100% - 32px);height:18px}.article62-progress-track{inset:0;height:18px}.article62-progress-label{left:clamp(0px,calc(var(--article-progress)*1% - 50px),calc(100% - 50px));width:50px;min-width:50px;height:18px;font-size:10px}.article62-progress[data-low-progress="true"] .article62-progress-label{left:0}
}
@media(prefers-reduced-motion:reduce){.article62-progress-fill,.article62-progress-label{transition:none}}

/* V69 — article images always show in full */
.article62-prose figure img,.article62-prose>img{width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain!important;background:#f4f6f5}


/* V70 — article navigation + final reading polish */
.article62-hero-inner{position:relative}
.article62-back{position:absolute;top:-18px;left:0;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 17px;border:1px solid rgba(36,75,63,.16);border-radius:999px;background:rgba(255,255,255,.72);color:#244b3f;font:700 13px/1 "IBM Plex Sans Arabic",sans-serif;backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}
.article62-back i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#244b3f;color:#fff;font-size:10px;transition:background .18s ease,color .18s ease}
.article62-back:hover{transform:translateY(-2px);background:#244b3f;color:#fff;border-color:#244b3f}
.article62-back:hover i{background:#fff;color:#244b3f}
.article62-prose{overflow-wrap:anywhere}
.article62-prose table{max-width:100%}
.article62-prose img{image-rendering:auto}
@media(max-width:760px){
  .article62-hero{padding-top:28px}
  .article62-hero-inner{align-items:stretch}
  .article62-back{position:static;align-self:flex-start;margin:0 0 24px;padding:0 14px;min-height:38px;font-size:12px}
  .article62-back i{width:23px;height:23px}
  .article62-meta{align-self:center}
  .article62-hero h1{align-self:center}
}


/* V71 — editorial polish for long-form Arabic articles */
.article62-prose>p:first-child{font-size:20px;line-height:2;color:#2f3935}
.article62-prose blockquote{background:#f1f5f3;border:1px solid #dde7e2;border-right:4px solid #244b3f;border-radius:16px;padding:18px 22px;margin:34px 0;color:#394640}
.article62-prose table{box-shadow:0 12px 34px rgba(24,55,45,.045)}
.article62-prose tbody tr:nth-child(even) td{background:#fbfcfb}
.article62-prose tbody tr:hover td{background:#f3f7f5}
.article62-prose th{font-size:14px}
.article62-prose td:first-child{font-weight:700;color:#26342e}
.article62-prose a{font-weight:650}
@media(max-width:760px){.article62-prose>p:first-child{font-size:18px}.article62-prose blockquote{padding:16px 17px;border-radius:14px}.article62-prose table{box-shadow:none}}

/* V72 — tighter line spacing for normal article text only */
.article62-prose{
  line-height:1.72;
}
.article62-prose>p:first-child{
  line-height:1.72;
}
@media(max-width:760px){
  .article62-prose{
    line-height:1.68;
  }
  .article62-prose>p:first-child{
    line-height:1.68;
  }
}

/* V73 — premium next article card */
.article73-next-wrap{max-width:1200px;padding-bottom:72px}
.article73-next-card{direction:ltr;display:grid;grid-template-columns:minmax(260px,36%) minmax(0,1fr);min-height:230px;border:1px solid #dbe5df;border-radius:28px;overflow:hidden;background:#e7efeb;color:#142019;box-shadow:0 15px 45px rgba(24,55,45,.055);transition:transform .22s ease,box-shadow .22s ease}
.article73-next-card:hover{transform:translateY(-4px);box-shadow:0 22px 58px rgba(24,55,45,.09)}
.article73-next-media{min-width:0;background:#dfe8e3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.article73-next-media img{display:block;width:100%;height:100%;object-fit:contain;background:#eef2ef}
.article73-next-placeholder{width:100%;height:100%;min-height:230px;display:grid;place-items:center;color:#6e7c75;font-size:38px;background:linear-gradient(135deg,#dce7e1,#edf3f0)}
.article73-next-copy{display:flex;flex-direction:column;justify-content:center;padding:34px 42px;text-align:right;font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}
.article73-next-copy>span{display:inline-flex;align-items:center;align-self:flex-start;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.66);color:#52645b;font-size:11px;font-weight:700;margin-bottom:14px}
.article73-next-copy h2{margin:0;color:#0d1612;font-size:clamp(25px,2.25vw,34px);line-height:1.42;font-weight:700;letter-spacing:0}
.article73-next-copy p{margin:12px 0 0;color:#4d5a54;font-size:15px;line-height:1.72;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:760px){.article73-next-wrap{padding:4px 18px 46px}.article73-next-card{grid-template-columns:1fr;border-radius:22px;min-height:0}.article73-next-media{aspect-ratio:16/9}.article73-next-placeholder{min-height:0;aspect-ratio:16/9}.article73-next-copy{padding:22px 20px 24px}.article73-next-copy>span{margin-bottom:10px}.article73-next-copy h2{font-size:22px;line-height:1.5}.article73-next-copy p{font-size:14px;line-height:1.65;margin-top:8px}}

/* V74 — next article card: image on the right with inset rounded media */
.article73-next-card{
  direction:rtl;
  grid-template-columns:minmax(0,1fr) minmax(280px,35%);
  gap:22px;
  padding:14px;
  overflow:visible;
}
.article73-next-media{
  grid-column:2;
  border-radius:22px;
  overflow:hidden;
  min-height:202px;
  background:#dfe8e3;
}
.article73-next-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:22px;
}
.article73-next-copy{
  grid-column:1;
  grid-row:1;
  padding:28px 30px 28px 20px;
}
.article73-next-copy>span{align-self:flex-start}

@media(max-width:760px){
  .article73-next-card{
    grid-template-columns:1fr;
    gap:14px;
    padding:12px;
    overflow:hidden;
  }
  .article73-next-media{
    grid-column:1;
    grid-row:1;
    min-height:0;
    aspect-ratio:16/9;
    border-radius:18px;
  }
  .article73-next-media img{border-radius:18px}
  .article73-next-copy{
    grid-column:1;
    grid-row:2;
    padding:10px 10px 14px;
  }
}


/* V75 — premium, clearly separated next-article zone */
.article75-next-zone{position:relative;margin-top:38px;padding-top:34px;padding-bottom:78px}
.article75-next-separator{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:#69776f;font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;font-size:12px;font-weight:700}
.article75-next-separator:before,.article75-next-separator:after{content:"";height:1px;background:linear-gradient(90deg,transparent,#cdd9d2);flex:1}
.article75-next-separator:after{background:linear-gradient(90deg,#cdd9d2,transparent)}
.article75-next-separator span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 15px;border:1px solid #d9e3dd;border-radius:999px;background:#fff;box-shadow:0 8px 22px rgba(23,61,50,.045);white-space:nowrap}
.article75-next-zone .article73-next-card{position:relative;border:1px solid rgba(23,61,50,.12);background:linear-gradient(135deg,#edf4f0 0%,#e3ece7 100%);box-shadow:0 20px 55px rgba(23,61,50,.09)}
.article75-next-zone .article73-next-card:before{content:"NEXT ARTICLE";position:absolute;z-index:2;top:20px;left:24px;font:800 8px/1 Manrope,Arial,sans-serif;letter-spacing:.16em;color:#789087;opacity:.72}
.article75-next-zone .article73-next-media{border:1px solid rgba(255,255,255,.78);box-shadow:0 12px 28px rgba(23,61,50,.10)}
.article75-next-zone .article73-next-copy>span{background:#173d32;color:#fff;padding:8px 13px;box-shadow:0 7px 18px rgba(23,61,50,.12)}
.article75-next-zone .article73-next-copy h2{max-width:760px}
@media(max-width:760px){.article75-next-zone{margin-top:24px;padding-top:24px;padding-bottom:52px}.article75-next-separator{margin-bottom:16px;gap:10px}.article75-next-zone .article73-next-card:before{display:none}.article75-next-zone .article73-next-media{box-shadow:0 9px 20px rgba(23,61,50,.08)}}