@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Noto+Serif+Arabic:wght@600;700&display=swap");
:root{--ink:#54282b;--gold:#c0924c;--pale:#f1e9e1;--paper:#fffefa;--line:#d8dfda;--text:#1d2a32}*{box-sizing:border-box}body{margin:0;background:var(--pale);color:var(--text);font-family:"IBM Plex Sans Arabic",sans-serif;line-height:1.92;text-align:right}.top{background:var(--ink);color:#fff;font-size:.82rem}.inner{max-width:1370px;margin:auto;padding:0 26px}.top .inner{padding-top:8px;padding-bottom:8px}.mast{background:var(--paper);border-bottom:1px solid var(--line)}.mast .inner{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{font:bold 2.2rem Georgia,serif;color:var(--ink);text-decoration:none}.edition{font-size:.77rem;color:#63727a;direction:ltr;letter-spacing:.08em}.nav{background:var(--paper);border-bottom:3px solid var(--gold);overflow:auto;white-space:nowrap}.nav .inner{display:flex;gap:22px;padding-top:9px;padding-bottom:9px}.nav a{text-decoration:none;color:var(--ink);font-size:.88rem;font-weight:700}.hero{background:linear-gradient(120deg,var(--ink) 0 60%,#5d8081 60%);padding:64px 0 56px;color:#fff}.hero .inner{max-width:1160px}.kicker{color:#f2d799;font-size:.8rem;font-weight:700;letter-spacing:.08em}h1{font-family:"Noto Serif Arabic",serif;font-size:clamp(2.1rem,4.4vw,4.1rem);line-height:1.25;margin:12px 0 18px;max-width:900px}.deck{font-size:1.13rem;max-width:780px;margin:0;color:#eaf1ef}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.tags span{padding:5px 12px;border:1px solid #ffffff66;border-radius:999px;font-size:.81rem}.layout{max-width:1370px;margin:30px auto 0;padding:0 25px 42px;display:grid;grid-template-columns:225px minmax(0,1fr) 270px;gap:28px;direction:ltr}.article,.side{direction:rtl}.side{position:sticky;top:15px;align-self:start}.box,.toc{background:var(--paper);border-top:4px solid var(--gold);padding:18px;box-shadow:0 6px 22px #142a3310}.box h2,.toc h2{font-size:1rem;color:var(--ink);margin:0 0 10px}.photo{height:142px;background:linear-gradient(145deg,var(--ink),#7da19a);margin:-2px -2px 13px;position:relative;overflow:hidden}.photo:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;border:2px solid var(--gold);bottom:-45px;left:-22px}.box p{font-size:.87rem;margin:0;color:#596971}.toc a{display:block;text-decoration:none;color:#34464e;padding:7px 0;border-bottom:1px solid #e9eeea;font-size:.87rem}.article{background:var(--paper);padding:clamp(24px,4.5vw,62px);box-shadow:0 6px 24px #142a3310}.article h2{font-family:"Noto Serif Arabic",serif;color:var(--ink);font-size:1.58rem;line-height:1.45;margin:42px 0 13px;padding-bottom:9px;border-bottom:1px solid var(--line)}.article h2:first-child{margin-top:0}.article p{font-size:1.05rem;margin:0 0 19px}.drop:first-letter{font:3.5rem Georgia;line-height:.8;float:right;color:var(--gold);padding:8px 0 0 9px}.callout{background:#f2f5f0;border-right:5px solid var(--gold);padding:17px 18px;margin:28px 0;color:#35464d}.map{background:linear-gradient(145deg,#edf4ef,#f9faf6);border:1px solid var(--line);padding:20px;margin:27px 0}.map-grid,.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.map-grid span{background:#fff;border-right:3px solid var(--gold);padding:10px;font-size:.9rem}.card{border:1px solid var(--line);border-radius:8px;padding:15px;background:#fff}.card a{font-weight:700;color:var(--ink);text-decoration:none}.card small{display:block;color:#64737a;font-size:.82rem;margin-top:5px}table{border-collapse:collapse;width:100%;font-size:.9rem}th{background:var(--ink);color:#fff}td,th{border:1px solid var(--line);padding:10px;text-align:right;vertical-align:top}.table-wrap{overflow:auto}.source-mark{font-size:.76rem;color:var(--gold);font-weight:700;text-decoration:none}.sources-list{padding-right:1.25rem}.sources-list li{margin:9px 0;padding-right:5px}.sources-list a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}.source-note{font-size:.86rem!important;color:#68767c;border-top:1px solid var(--line);padding-top:12px}.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{font-weight:700;color:var(--ink);cursor:pointer}.footer{background:var(--ink);color:#e8f0ee;padding:35px 0}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;font-size:.9rem}@media(max-width:960px){.layout{grid-template-columns:minmax(0,1fr) 210px}.layout>.box{display:none}.side{position:relative;top:0}}@media(max-width:700px){.mast .inner{height:auto;padding-top:16px;padding-bottom:16px;align-items:flex-start;flex-direction:column}.layout{display:block;padding:0 12px 28px;margin-top:15px}.side{margin-bottom:15px}.toc{max-height:265px;overflow:auto}.article{padding:24px 18px}.map-grid,.cards,.footer-grid{grid-template-columns:1fr}}

/* ====== COMPOSANTS INJECTÉS ====== */

/* site-rubrics-bar */
.site-rubrics-bar{background:rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.09);padding:.4rem 1.2rem;display:flex;gap:.85rem;align-items:center;font-size:.79rem;font-weight:800;overflow-x:auto;white-space:nowrap;direction:rtl}
.site-rubrics-bar .srb-home{color:#111;text-decoration:none;font-weight:900;opacity:.55}
.site-rubrics-bar a{color:var(--navy,#152341);text-decoration:none;opacity:.75}
.site-rubrics-bar a:hover{opacity:1;text-decoration:underline}
.site-rubrics-bar .srb-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:4px;vertical-align:middle}

/* newsletter */
.newsletter{background:#1a2744;color:#fff;padding:30px 0;text-align:center;margin-top:1.5rem}
.newsletter h2{margin:0;font-size:1.7rem;color:#fff}
.newsletter p,.newsletter .nl-desc{color:rgba(255,255,255,.72);margin:.5rem 0 0}
.nl-inner{max-width:520px;margin:0 auto;padding:0 16px}
.nl-form{display:flex;gap:8px;max-width:430px;margin:1rem auto 10px;direction:rtl}
.nl-input{flex:1;padding:10px 14px;border:none;border-radius:7px;font-size:.88rem;direction:rtl;font-family:inherit;outline:none;background:#fff;color:#1a2744;min-width:0}
.nl-btn{padding:10px 18px;background:linear-gradient(135deg,#c89b3c,#9d1b24);color:#fff;border:none;border-radius:7px;font-size:.88rem;font-weight:800;cursor:pointer;font-family:inherit;white-space:nowrap}
.nl-note{color:rgba(255,255,255,.35);font-size:.71rem;margin:.7rem 0 0}

/* auteur */
.author{display:flex;gap:1rem;align-items:center;border:1px solid #e4e9ef;border-right:5px solid #1a2744;background:#f8fafc;padding:1rem;margin:1.5rem 0;border-radius:0 8px 8px 0}
.avatar{width:56px;height:56px;flex-shrink:0;border-radius:50%;background:conic-gradient(from 120deg,#1a2744,#4a7a9b,#c89b3c,#9d1b24,#1a2744)}
.author strong{display:block;font-size:.95rem;font-weight:900;color:#1a2744;margin-bottom:.3rem}
.author p{margin:0;font-size:.82rem;color:#5a6a7a;line-height:1.55}

/* gp-readmore-main */
.gp-readmore-main{margin:2rem 0;border-radius:8px;overflow:hidden;border:1px solid #e2e9f3;background:#f8fafc}
.gp-rm-main-header{display:flex;align-items:center;gap:.45rem;padding:.55rem 1rem;background:#fff;border-bottom:1px solid #e2e9f3;font-size:.71rem;font-weight:700;color:#8a9bae;letter-spacing:.06em}
.gp-rm-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}
.gp-rm-main-grid .rel-card{border-radius:8px;border:1px solid #e4e9ef;margin:0}

/* rel-card + related-grid */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0}
.wrap.related{padding:24px 0}
.wrap.related h2{font-size:1.4rem;margin-bottom:16px}
.rel-card{background:#fff;border-radius:10px;border:1px solid #e4e9ef;overflow:hidden;display:flex;flex-direction:column}
a.rel-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.rel-card-img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#1a2744 0%,#c89b3c 100%)}
.rel-card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.rel-card-badge{position:absolute;top:8px;right:8px;background:rgba(157,27,36,.92);color:#fff;font-size:.61rem;font-weight:800;padding:2px 8px;border-radius:4px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rel-card-body{padding:11px 13px 10px;display:flex;flex-direction:column;flex:1;gap:5px}
.rel-card-title{font-size:.88rem;font-weight:800;color:#1a2744;line-height:1.38;margin:0}
.rel-card-excerpt{font-size:.74rem;color:#5a6a7a;line-height:1.5;margin:0}
.rel-card-meta{display:flex;gap:10px;font-size:.67rem;color:#8a9aaf;font-weight:600;margin-top:auto;padding-top:6px;border-top:1px solid #f0f3f7}
.rel-card-cta{display:inline-block;font-size:.73rem;font-weight:800;color:#9d1b24;margin-top:4px}

/* responsive */
@media(max-width:940px){.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){
  .related-grid{grid-template-columns:1fr;gap:12px}
  .gp-rm-main-grid{grid-template-columns:1fr}
  .nl-form{flex-direction:column}
  .nl-btn{width:100%}
  .newsletter{padding:24px 16px}
}


/* ══ Harmonisation design TOC (في هذا المقال) ══════════════════════ */

/* لا تفوّتك ─────────────────────────────────────────────────────── */
.gp-readmore-main{
  background:#fff!important;
  border:1px solid #e4eaf3!important;
  border-top:3px solid var(--navy,var(--air,var(--ink,#1a2744)))!important;
  border-radius:0 0 6px 6px!important;
  box-shadow:0 4px 18px rgba(12,22,44,.06)!important;
}
.gp-rm-main-header{
  background:#fff!important;
  border-bottom:1px solid #e4eaf3!important;
  font-family:'IBM Plex Sans Arabic',sans-serif!important;
  font-size:.67rem!important;
  font-weight:700!important;
  color:#7a8899!important;
  letter-spacing:.13em!important;
  padding:.7rem 1rem!important;
  text-transform:uppercase!important;
}
.gp-rm-main-header::before{content:none!important}

/* أسئلة شائعة ──────────────────────────────────────────────────── */
.faq{
  background:#fff!important;
  border:1px solid #e4eaf3!important;
  border-top:3px solid var(--navy,var(--air,var(--ink,#1a2744)))!important;
  border-radius:0 0 6px 6px!important;
  box-shadow:0 4px 18px rgba(12,22,44,.06)!important;
  padding:0!important;
  margin:2rem 0!important;
  overflow:hidden!important;
}
.faq>h2,.faq h2:first-child{
  font-family:'IBM Plex Sans Arabic',sans-serif!important;
  font-size:.67rem!important;
  font-weight:700!important;
  color:#7a8899!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  padding:.7rem 1rem!important;
  margin:0!important;
  border-bottom:1px solid #e4eaf3!important;
  background:#fff!important;
}
.faq details{
  border-bottom:1px solid #e4eaf3!important;
  padding:.65rem 1rem!important;
  background:#fff!important;
}
.faq details:last-child{border-bottom:none!important}
.faq summary{
  font-family:'IBM Plex Sans Arabic',sans-serif!important;
  font-size:.86rem!important;
  font-weight:700!important;
  color:var(--navy,var(--ink,#1a2744))!important;
  cursor:pointer!important;
  list-style:none!important;
  outline:none!important;
}
.faq summary::-webkit-details-marker{display:none!important}
.faq details[open] summary{color:var(--navy,var(--ink,#9d1b24))!important}
.faq details p{
  font-family:'IBM Plex Sans Arabic',sans-serif!important;
  font-size:.83rem!important;
  color:#5a6a7a!important;
  margin:.5rem 0 0!important;
  line-height:1.65!important;
}

/* النشرة الاستراتيجية / الجيوسياسية ───────────────────────────── */
.newsletter{
  background:#fff!important;
  color:var(--navy,#1a2744)!important;
  border:1px solid #e4eaf3!important;
  border-top:3px solid var(--navy,var(--air,var(--ink,#1a2744)))!important;
  border-radius:0 0 6px 6px!important;
  box-shadow:0 4px 18px rgba(12,22,44,.06)!important;
  padding:0!important;
  text-align:right!important;
  margin:2rem 0!important;
}
.nl-inner{
  padding:1.1rem 1rem!important;
  max-width:100%!important;
  text-align:right!important;
}
.newsletter h2{
  font-family:'IBM Plex Sans Arabic',sans-serif!important;
  font-size:.67rem!important;
  font-weight:700!important;
  color:#7a8899!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  margin:0 0 .8rem!important;
  padding-bottom:.5rem!important;
  border-bottom:1px solid #e4eaf3!important;
}
.newsletter p,.newsletter .nl-desc{
  font-family:'IBM Plex Sans Arabic',sans-serif!important;
  color:#5a6a7a!important;
  font-size:.84rem!important;
  margin:0 0 .8rem!important;
}
.nl-form{direction:rtl!important;margin:0 0 .5rem!important}
.nl-input{
  background:#f5f7fa!important;
  color:#1a2744!important;
  border:1px solid #d0d8e8!important;
  border-radius:7px!important;
}
.nl-input::placeholder{color:#a0aabf!important}
.nl-note{color:#8a9aaf!important;font-size:.71rem!important}

/* مضائق محورية ─────────────────────────────────────────────────── */
.straits{
  background:#fff!important;
  border:1px solid #e4eaf3!important;
  border-top:3px solid var(--navy,var(--air,var(--ink,#1a2744)))!important;
  border-radius:0 0 6px 6px!important;
  box-shadow:0 4px 18px rgba(12,22,44,.06)!important;
  padding:.9rem 1rem!important;
  margin:1rem 0!important;
}
.straits b{
  display:block!important;
  font-family:'IBM Plex Sans Arabic',sans-serif!important;
  font-size:.67rem!important;
  font-weight:700!important;
  color:#7a8899!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  margin-bottom:.6rem!important;
  padding-bottom:.4rem!important;
  border-bottom:1px solid #e4eaf3!important;
}
.straits span{
  display:inline-block!important;
  font-family:'IBM Plex Sans Arabic',sans-serif!important;
  font-size:.76rem!important;
  font-weight:600!important;
  color:var(--navy,#1a2744)!important;
  background:#f0f4fa!important;
  border:1px solid #d8e2f0!important;
  border-radius:4px!important;
  padding:.2rem .5rem!important;
  margin:.2rem .15rem!important;
}
/* ══════════════════════════════════════════════════════════════════ */