/* ════════════════════════════════════════════════════════════════
   NAIROD — CHROME EXTRA
   1) GARDE-FOUS : certaines pages (blog, pages legales) embarquent
      leur propre <style> .edu-scope dans le body. Comme il est place
      APRES les feuilles enqueues, il gagne a specificite egale.
      Les regles ci-dessous sont volontairement plus specifiques
      (.nrd-shell .edu-hdr ...) pour que le header/footer commun garde
      sa mise en page quelle que soit la page hote.
   2) .nrd-prose : typographie de contenu pour le modele
      "Nairod — Page standard", qui rend du contenu WP/Elementor brut.
   ════════════════════════════════════════════════════════════════ */

/* ─── 1. Garde-fous chrome ─── */
.edu-scope.nrd-shell .edu-hdr .edu-wrap,
.edu-scope.nrd-shell .edu-foot .edu-wrap{max-width:1200px}

.edu-scope.nrd-shell .edu-hdr a,
.edu-scope.nrd-shell .edu-foot a{text-decoration:none}

.edu-scope.nrd-shell .edu-hdr .edu-btn,
.edu-scope.nrd-shell .edu-foot .edu-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:var(--r-full);font-family:var(--fh);font-weight:600;
  line-height:1;text-align:center}
.edu-scope.nrd-shell .edu-hdr .edu-btn--lime,
.edu-scope.nrd-shell .edu-foot .edu-btn--lime{background:var(--lime);color:var(--navy)}
.edu-scope.nrd-shell .edu-hdr .edu-btn--ghost{border:1.5px solid var(--line-2);color:var(--ink);background:transparent}

/* ─── 2. Contenu du modele "Page standard" ─── */
.edu-scope .nrd-body{padding:56px 0 88px}
.edu-scope .nrd-prose{max-width:820px;margin:0 auto;font-size:16.5px;line-height:1.75;color:var(--ink)}
.edu-scope .nrd-prose > *:first-child{margin-top:0}
.edu-scope .nrd-prose p{margin:0 0 18px}
.edu-scope .nrd-prose h2{font:700 clamp(24px,3.4vw,32px)/1.2 var(--fh);letter-spacing:-.01em;margin:44px 0 16px}
.edu-scope .nrd-prose h3{font:700 clamp(19px,2.6vw,22px)/1.3 var(--fh);margin:32px 0 12px}
.edu-scope .nrd-prose h4{font:700 17px/1.35 var(--fh);margin:26px 0 10px}
.edu-scope .nrd-prose ul,
.edu-scope .nrd-prose ol{margin:0 0 18px;padding-left:22px}
.edu-scope .nrd-prose ul{list-style:disc}
.edu-scope .nrd-prose ol{list-style:decimal}
.edu-scope .nrd-prose li{margin:0 0 8px}
.edu-scope .nrd-prose a{color:var(--navy);text-decoration:underline;
  text-decoration-color:var(--lime);text-decoration-thickness:2px;text-underline-offset:3px}
.edu-scope .nrd-prose a:hover{color:#5f8c00}
.edu-scope .nrd-prose img{border-radius:var(--r-lg);margin:8px 0 22px}
.edu-scope .nrd-prose blockquote{margin:24px 0;padding:16px 22px;border-left:3px solid var(--lime);
  background:rgba(168,230,53,.10);border-radius:0 var(--r) var(--r) 0}
.edu-scope .nrd-prose table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px}
.edu-scope .nrd-prose th,
.edu-scope .nrd-prose td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.edu-scope .nrd-prose th{background:rgba(15,26,58,.04);font-weight:600}
.edu-scope .nrd-prose hr{border:0;border-top:1px solid var(--line);margin:36px 0}
.edu-scope .nrd-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;
  background:rgba(15,26,58,.06);padding:2px 6px;border-radius:6px}

/* Une page construite avec Elementor pose ses propres largeurs :
   on relache la contrainte pour ne pas brider ses sections. */
.edu-scope .nrd-prose .elementor{max-width:none}

@media (max-width:640px){
  .edu-scope .nrd-body{padding:40px 0 64px}
  .edu-scope .nrd-prose{font-size:16px}
}