/* Divvy-up — alignement des pages légales / Nouveautés / Sondage sur le style 2026.
   Chargée APRÈS l'ancienne feuille (index.Bn6FlmXh.css) : on redéfinit ses variables. */
:root {
  --bg: #fff; --bg-2: #f5f5f7; --bg-3: #f5f5f7;
  --ink: #1d1d1f; --ink-soft: #6e6e73; --ember: #c2552e; --ember-deep: #a74f2d;
  --rule: rgba(0,0,0,.1); --rule-strong: rgba(0,0,0,.18);
  --ff-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ff-mono: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
html, body { background: #fff; }
body { font-family: var(--ff-display); letter-spacing: -.011em; -webkit-font-smoothing: antialiased; }
/* plus de police étroite ni d'italique décoratif */
[class*="title"], .h2, h1, h2, h3 { font-variation-settings: normal !important; }
h1, .h2, [class$="-title"] { font-weight: 800 !important; letter-spacing: -.035em !important; }
h1 em, .h2 em, [class$="-title"] em { font-style: normal !important; color: var(--ember); }
.mono { font-family: var(--ff-mono); letter-spacing: 0 !important; text-transform: none !important; font-size: 14px; }
/* anciens menus / pieds de page masqués s'il en reste */
body > nav.nav, body > footer:not(.d26-foot) { display: none !important; }

/* ---------- menu ---------- */
.d26-nav { position: sticky; top: 0; z-index: 60; height: 52px; background: rgba(255,255,255,.72); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); border-bottom: .5px solid rgba(0,0,0,.08); }
.d26-nav .in { max-width: 1080px; height: 100%; margin: 0 auto; padding: 0 22px; display: flex; align-items: center; gap: 26px; }
.d26-brand { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 19px; letter-spacing: -.03em; color: #1d1d1f; text-decoration: none; }
.d26-brand i { width: 24px; height: 24px; border-radius: 6px; background: url(/logo/mark.svg?v=3) center / cover no-repeat; display: inline-block; flex: none; }
.d26-links { display: flex; gap: 24px; margin-left: auto; }
.d26-links a { font-size: 13px; color: #424245; text-decoration: none; }
.d26-links a:hover { color: #1d1d1f; }
.d26-pill { font-size: 13px; font-weight: 600; text-decoration: none; background: #1d1d1f; color: #fff !important; padding: 7px 14px; border-radius: 980px; }
@media (max-width: 760px) { .d26-links { display: none; } .d26-pill { margin-left: auto; } }

/* ---------- pied de page ---------- */
.d26-foot { background: #f5f5f7; padding: 50px 22px 28px; font-size: 13px; color: #6e6e73; font-family: var(--ff-display); }
.d26-foot .in { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 28px; }
.d26-foot h4 { font-size: 13px; color: #1d1d1f; margin: 0 0 10px; font-weight: 600; letter-spacing: 0; }
.d26-foot a { display: block; color: #6e6e73; text-decoration: none; padding: 4px 0; }
.d26-foot a:hover { color: #1d1d1f; text-decoration: underline; }
.d26-foot .d26-brand { display: inline-flex; font-size: 17px; }
.d26-foot p { margin: 10px 0; }
.d26-foot .copy { max-width: 1080px; margin: 30px auto 0; padding-top: 16px; border-top: 1px solid #d2d2d7; }
@media (max-width: 760px) { .d26-foot .in { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .d26-foot .in { grid-template-columns: 1fr; } }

/* ---------- Appels à l'action 2026 (bandeau final + encart d'article) ---------- */
.d26-cta { background: #fff; padding: 88px 22px; text-align: center; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Arial, sans-serif; border-top: 1px solid #ececf0; }
.d26-cta .ic { display: block; width: 64px; height: 64px; margin: 0 auto 22px; border-radius: 15px; background: url(/logo/mark.svg?v=3) center / cover no-repeat; box-shadow: 0 10px 30px -10px rgba(194,85,46,.55); }
.d26-cta h2 { font-size: clamp(30px, 5vw, 48px) !important; line-height: 1.05; font-weight: 800 !important; letter-spacing: -.035em !important; color: #1d1d1f; margin: 0 auto 14px; max-width: 16em; }
.d26-cta h2::before { display: none !important; }
.d26-cta p { font-size: 19px; line-height: 1.45; color: #6e6e73; margin: 0 auto 30px; max-width: 30em; }
.d26-cta .go { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: center; align-items: center; }
.d26-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 30px; border-radius: 980px; background: #a74f2d; color: #fff !important; font-size: 17px; font-weight: 600; text-decoration: none !important; transition: background .2s, transform .2s; }
.d26-btn:hover { background: #8a3d1c; }
.d26-btn:active { transform: scale(.97); }
.d26-link { color: #a74f2d !important; font-size: 17px; text-decoration: none !important; }
.d26-link:hover { text-decoration: underline !important; }
.d26-inline { display: flex; align-items: center; gap: 18px; margin: 40px 0 8px; padding: 22px 22px; border-radius: 22px; background: #f5f5f7; text-decoration: none !important; }
.d26-inline .ic { flex: none; width: 52px; height: 52px; border-radius: 12px; background: url(/logo/mark.svg?v=3) center / cover no-repeat; }
.d26-inline .tx { flex: 1; min-width: 0; }
.d26-inline b { display: block; font-size: 18px; color: #1d1d1f; letter-spacing: -.015em; }
.d26-inline small { display: block; font-size: 15px; color: #6e6e73; margin-top: 2px; line-height: 1.4; }
.d26-inline .d26-btn { min-height: 44px; padding: 0 20px; font-size: 15px; flex: none; }
@media (max-width: 560px) { .d26-inline { flex-wrap: wrap; } .d26-inline .d26-btn { width: 100%; } .d26-cta { padding: 64px 20px; } }

/* Nouveautés : bouton au style 2026 */
.nv-cta { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; font-size: 17px !important; font-weight: 600 !important; border-radius: 980px !important; background: #a74f2d !important; padding: 15px 28px !important; }
.nv-cta:hover { background: #8a3d1c !important; }