@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:#122a42;--blue:#17687a;--gold:#c69b52;--paper:#fffefd;--wash:#e8f1f2;--muted:#687782;--line:#d7dedc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef3f2;color:#17242e;font-family:"IBM Plex Sans Arabic",sans-serif;line-height:1.9;text-align:right}.top{background:var(--ink);color:#fff;font-size:.83rem}.inside{max-width:1370px;margin:auto;padding:0 26px}.top .inside{padding-top:8px;padding-bottom:8px}.mast{background:var(--paper);border-bottom:1px solid var(--line)}.mast .inside{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:bold 2.25rem Georgia,serif;color:var(--ink);text-decoration:none}.edition{font-size:.77rem;color:var(--muted);letter-spacing:.08em;direction:ltr}.nav{background:var(--paper);border-bottom:3px solid var(--gold);overflow:auto;white-space:nowrap}.nav .inside{display:flex;gap:22px;padding-top:10px;padding-bottom:10px}.nav a{font-size:.88rem;font-weight:700;color:var(--ink);text-decoration:none}.hero{background:linear-gradient(118deg,var(--ink) 0 59%,var(--blue) 59%);color:#fff;padding:68px 0 57px}.hero .inside{max-width:1170px}.eyebrow{font-size:.8rem;letter-spacing:.08em;color:#f0d497;font-weight:700}.hero h1{font-family:"Noto Serif Arabic",serif;font-size:clamp(2.15rem,4.5vw,4.2rem);line-height:1.26;margin:11px 0 18px;max-width:920px}.deck{font-size:1.15rem;max-width:790px;margin:0;color:#e8f1f4}.badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.badges span{border:1px solid #ffffff66;border-radius:999px;padding:5px 12px;font-size:.81rem}.layout{max-width:1370px;margin:31px auto 0;padding:0 25px 44px;display:grid;grid-template-columns:225px minmax(0,1fr) 270px;gap:28px;direction:ltr}.article,.side{direction:rtl}.side{align-self:start;position:sticky;top:15px}.box,.toc{background:var(--paper);border-top:4px solid var(--gold);padding:18px;box-shadow:0 6px 22px #122a4210}.box h2,.toc h2{font-size:1rem;color:var(--ink);margin:0 0 11px}.photo{height:142px;background:linear-gradient(145deg,#1f5663,#7eb2ad);position:relative;overflow:hidden;margin:-2px -2px 13px}.photo:before{content:"";position:absolute;inset:18px 30px 18px auto;width:68px;border:1px solid #f4d593;border-radius:50%}.box p{font-size:.88rem;margin:0;color:#55656e}.toc a{display:block;padding:7px 0;border-bottom:1px solid #e9edeb;text-decoration:none;color:#31434f;font-size:.87rem}.article{background:var(--paper);padding:clamp(25px,4.5vw,62px);box-shadow:0 6px 24px #122a4210}.article h2{font-family:"Noto Serif Arabic",serif;font-size:1.6rem;line-height:1.45;color:var(--ink);margin:42px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line)}.article h2:first-child{margin-top:0}.article h3{font-size:1.08rem;color:var(--blue);margin:25px 0 8px}.article p{font-size:1.05rem;margin:0 0 19px}.drop:first-letter{float:right;font:3.5rem Georgia;color:var(--gold);line-height:.8;padding:8px 0 0 9px}.callout{background:#f2f5f2;border-right:5px solid var(--gold);padding:17px 18px;margin:28px 0;color:#34464d}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:25px 0}.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;margin-top:6px;color:var(--muted);font-size:.82rem}.map{background:linear-gradient(145deg,#edf5f3,#f9faf7);border:1px solid var(--line);padding:20px;margin:28px 0}.map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.map-grid span{background:#fff;border-right:3px solid var(--gold);padding:10px;font-size:.9rem}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}.faq details{padding:12px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:700;color:var(--ink);cursor:pointer}.footer{background:var(--ink);color:#e7eff1;padding:35px 0}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;font-size:.9rem}@media(max-width:980px){.layout{grid-template-columns:minmax(0,1fr) 210px}.layout>.box{display:none}.side{position:relative;top:0}}@media(max-width:700px){.mast .inside{padding-top:15px;padding-bottom:15px;align-items:flex-start;flex-direction:column}.hero{padding:46px 0}.layout{display:block;padding:0 12px 28px;margin-top:15px}.side{margin-bottom:15px}.toc{max-height:265px;overflow:auto}.article{padding:24px 18px}.cards,.map-grid,.footer-grid{grid-template-columns:1fr}}
.source-list{margin:18px 0;padding:0 1.25rem 0 0}.source-list li{margin:9px 0}
.source-list a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}
.article a{color:var(--blue)}.article strong{color:var(--ink)}
.article section{scroll-margin-top:18px}.article ul{font-size:1rem}


/* ══ 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;
}
/* ══════════════════════════════════════════════════════════════════ */


/* GP-HARMONIZE:BEGIN */
/* Navigation Geopolo officielle et navigation locale commune */
.site-nav{background:var(--paper);border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}
.site-nav .nav-inner{display:flex;align-items:center;gap:0;min-width:max-content;padding-top:0;padding-bottom:0}
.site-nav a{display:flex;align-items:center;gap:7px;padding:12px 13px;border-left:1px solid #edf0ef;font-size:.82rem;font-weight:700;color:var(--ink);text-decoration:none}
.site-nav a:hover,.site-nav a:focus-visible{background:#f3f6f5;color:var(--blue)}
.nav-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:0 0 auto}
.cluster-nav{background:#f7f9f8;border-bottom:3px solid var(--gold);overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.cluster-nav .inside{display:flex;gap:7px;min-width:max-content;padding-top:7px;padding-bottom:7px}
.cluster-nav a{color:#4c5d67;text-decoration:none;font-size:.78rem;font-weight:600;padding:5px 9px;border-radius:4px}
.cluster-nav a[aria-current="page"]{background:var(--ink);color:#fff}

/* Une seule image de couverture réelle */
.gp-cover{position:relative;isolation:isolate;min-height:clamp(390px,57vw,660px);padding:0;display:grid;align-items:end;overflow:hidden;background:var(--ink)}
.cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,22,38,.10) 0%,rgba(8,22,38,.24) 38%,rgba(8,22,38,.84) 100%)}
.cover-copy{width:100%;padding-top:105px;padding-bottom:55px}
.gp-cover h1{font-size:clamp(2.15rem,4.5vw,4.2rem);text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.gp-cover .deck{max-width:820px;color:#f4f7f7;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.cover-caption{background:#fff;color:var(--muted);border-bottom:1px solid var(--line);font-size:.79rem}
.cover-caption .inside{max-width:1170px;padding-top:8px;padding-bottom:8px}
.article-meta-band{background:#fff;border-bottom:1px solid var(--line)}
.article-meta-band .badges{max-width:1170px;margin:0 auto;padding-top:12px;padding-bottom:12px}
.article-meta-band .badges span{border-color:#cad4d5;color:#4f606a;background:#f8faf9}

/* Le faux teaser latéral est supprimé : contenu et sommaire restent lisibles */
.layout{max-width:1210px;grid-template-columns:minmax(0,1fr) 270px}

/* Cartes d'articles associés enrichies */
.related-section{margin-top:52px;padding-top:28px;border-top:4px solid var(--ink)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.section-heading span{display:block;color:var(--gold);font-size:.74rem;font-weight:700;letter-spacing:.08em}
.article .section-heading h2{border:0;padding:0;margin:3px 0 0;font-size:1.55rem}
.section-heading>a{white-space:nowrap;font-size:.82rem;font-weight:700}
.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
.gp-related-card{padding:0;overflow:hidden;border:1px solid #dce3e1;border-radius:10px;box-shadow:0 7px 22px rgba(18,42,66,.07);display:flex;flex-direction:column;min-width:0;transition:transform .2s ease,box-shadow .2s ease}
.gp-related-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(18,42,66,.12)}
.related-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#dfe8e8}
.related-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.gp-related-card:hover .related-thumb img{transform:scale(1.025)}
.card-body{display:flex;flex-direction:column;flex:1;padding:16px 17px 14px}
.card-kicker{font-size:.72rem;color:var(--gold);font-weight:700}
.article .gp-related-card h3{font-family:"Noto Serif Arabic",serif;font-size:1.08rem;line-height:1.55;margin:7px 0}
.article .gp-related-card h3 a{color:var(--ink);text-decoration:none}
.gp-related-card p{font-size:.86rem;line-height:1.7;color:#566772;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card-meta{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px;border-top:1px solid #edf0ef;color:#7b8991;font-size:.71rem}

@media(max-width:980px){
  .layout{grid-template-columns:minmax(0,1fr) 220px}
  .gp-cover{min-height:500px}
}
@media(max-width:700px){
  .site-nav a{padding:11px 12px;font-size:.8rem}
  .cluster-nav .inside{padding-right:10px;padding-left:10px}
  .gp-cover{min-height:500px}
  .cover-copy{padding:90px 18px 36px}
  .gp-cover h1{font-size:clamp(2rem,9vw,2.75rem)}
  .gp-cover .deck{font-size:1rem;line-height:1.75}
  .cover-caption .inside{padding-right:14px;padding-left:14px}
  .article-meta-band .badges{padding-right:14px;padding-left:14px}
  .related-grid{grid-template-columns:1fr;gap:18px}
  .section-heading{align-items:start;flex-direction:column}
  .section-heading>a{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .gp-related-card,.related-thumb img{transition:none}
}
/* GP-HARMONIZE:END */