/* Branding commun des pages intérieures : reprend le style de la page d'accueil.
   Chargé après les styles de chaque page, il les remplace. */
:root{
  --ink:#0A0F1F;--paper:#F6F7FB;--blue:#1A56FF;--blue-2:#3D74FF;--cyan:#00C2FF;--muted:#5B6478;
  --line:rgba(10,15,31,.09);--radius:22px;--ease:cubic-bezier(.22,1,.36,1);
  /* Anciennes variables des pages, remappées sur le thème clair */
  --bg:#F6F7FB;--bg2:#fff;--white:#0A0F1F;--gray:#5B6478;--border:rgba(10,15,31,.09);--card:#fff;
}
body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Syne,sans-serif;letter-spacing:-.02em}
a{color:inherit}

/* En-tête identique à l'accueil */
header.nav{position:fixed;inset:16px 0 auto;z-index:50;pointer-events:none}
.nav-in{pointer-events:auto;width:min(1200px,94vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 10px 10px 22px;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 10px 30px -18px rgba(10,15,31,.25)}
.logo{font-family:Syne,sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.logo span{color:var(--blue)}
header.nav nav,footer nav{position:static;display:flex;padding:0;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
header.nav .nav-links{display:flex!important;gap:30px;font-size:.93rem;font-weight:500;color:var(--muted);list-style:none}
header.nav .nav-links a{color:var(--muted);text-decoration:none;font-size:.93rem}
header.nav .nav-links a:hover,header.nav .nav-links a.active{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 30px -8px rgba(26,86,255,.6)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -10px rgba(26,86,255,.75);background:var(--blue-2)}
.btn .arr{transition:transform .35s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}
header.nav .btn{padding:12px 20px;font-size:.92rem}
.burger{display:none;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;align-items:center;justify-content:center;border:0;cursor:pointer}
.mob-menu{display:none;position:fixed;inset:0;z-index:70;background:var(--ink);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:26px;font-family:Syne,sans-serif;font-size:1.8rem;font-weight:700}
.mob-menu.open{display:flex}
.mob-menu a{color:#fff;text-decoration:none}
.mob-menu .x{position:absolute;top:24px;right:24px;font-size:2rem;background:none;border:0;color:#fff;cursor:pointer}
@media (max-width:1180px){header.nav .nav-links{display:none!important}.burger{display:flex}header.nav .btn{display:none}}

/* Pied de page identique à l'accueil */
footer{display:block;padding:40px 0 50px;font-size:.9rem;color:var(--muted);border-top:1px solid var(--line);background:none}
.foot{width:min(1200px,92vw);margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
footer nav{gap:24px;flex-wrap:wrap}
footer nav a{color:var(--muted);text-decoration:none}
footer nav a:hover{color:var(--ink)}

/* Boutons des pages */
.btn-p{background:var(--blue);color:#fff;border-radius:999px;padding:16px 26px;box-shadow:0 10px 30px -8px rgba(26,86,255,.6)}
.btn-p:hover{background:var(--blue-2);box-shadow:0 18px 40px -10px rgba(26,86,255,.75)}

/* Hauts de page : même halo que l'accueil */
.page-hero,.article-hero{padding-top:150px;border-bottom:0;background:none}
.page-hero::before,.article-hero::before{background-image:none;background:radial-gradient(900px 600px at 85% -10%,rgba(26,86,255,.16),transparent 62%),radial-gradient(700px 500px at 0% 110%,rgba(0,194,255,.12),transparent 62%);opacity:1}

/* Corps d'article */
.article-body a{color:var(--blue)}
.article-body li strong{color:var(--ink);font-weight:600}
.article-body p a,.article-body li a{text-decoration:underline;text-underline-offset:3px}
.article-body table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:22px 0 26px;font-size:15px;background:#fff;border-radius:14px;border:1px solid var(--line)}
.article-body th{text-align:left;color:var(--ink);font-weight:600;padding:12px 14px;background:rgba(26,86,255,.08);border-bottom:1px solid var(--line);white-space:nowrap}
.article-body td{color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--line);line-height:1.5;min-width:110px}
.article-body a.btn-p{color:#fff;text-decoration:none}

/* Le halo du haut de page se fond dans le fond, sans ligne de coupure */
.blob{display:none}
.page-hero::before,.article-hero::before{background:radial-gradient(900px 520px at 85% -10%,rgba(26,86,255,.14),transparent 70%)}

/* Numérotation des listes (sommaire et étapes) */
.article-body ol li{counter-increment:li}
.article-body ol li::before{counter-increment:none}