/* === Base + composants article (extrait depuis le CSS inline canonique) === */
@font-face{font-family:'Playfair Fallback';src:local('Georgia');size-adjust:112%;ascent-override:90%;descent-override:22%;line-gap-override:0%}@font-face{font-family:'DM Sans Fallback';src:local('Arial');size-adjust:104%;ascent-override:92%;descent-override:25%;line-gap-override:0%}:root{--ink:#1a1a2e;--ink-light:#2d2d44;--terracotta:#c4654a;--terracotta-light:#d4876f;--terracotta-pale:#f0d5cc;--warm:#FFFAF5;--warm-mid:#FFF5ED;--linen:#F5EDE4;--stone:#e8ddd3;--text:#3a3a4a;--text-light:#6b6b7b;--text-muted:#9a9aaa;--white:#ffffff;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}*{box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}html{scroll-behavior:smooth}body{font-family:'DM Sans','DM Sans Fallback',-apple-system,sans-serif;background:var(--warm);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:961px){body::after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:1;mix-blend-mode:multiply}}a{color:var(--terracotta);text-decoration:none}a:hover{color:var(--ink)}@keyframes revealUp{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes ctaPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(1.4)}}.reading-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--terracotta),var(--terracotta-light));z-index:10001;transform-origin:left;transform:scaleX(0);transition:transform 0.15s linear}.skip-link{position:absolute;top:-100%;left:0;background:var(--ink);color:var(--warm);padding:1rem 2rem;z-index:99999;text-decoration:none;font-weight:600;font-size:0.9rem}.skip-link:focus{top:0}body>header{position:fixed;top:0;width:100%;z-index:9999;transition:all 0.4s var(--ease-out);padding:1.25rem 0}body>header.scrolled{padding:0.6rem 0}.nav-bar{display:flex;justify-content:space-between;align-items:center;background:rgba(255,250,245,0.92);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:0.75rem 1.75rem;border-radius:80px;border:1px solid rgba(26,26,46,0.06);box-shadow:0 4px 24px rgba(26,26,46,0.04),0 1px 3px rgba(26,26,46,0.02);max-width:1320px;margin:0 auto;width:calc(100% - clamp(1.5rem,4vw,4rem));transition:all 0.4s var(--ease-out)}body>header.scrolled .nav-bar{padding:0.5rem 1.5rem;box-shadow:0 8px 32px rgba(26,26,46,0.08)}.logo{display:flex;align-items:center;gap:0.75rem;text-decoration:none;color:var(--ink);z-index:10001}.logo-mark{width:36px;height:36px;display:block;flex-shrink:0;border-radius:10px;background:url('/favicon.svg?v=999') center/cover no-repeat;box-shadow:0 0 0 1px rgba(26,26,46,.04);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.logo:hover .logo-mark{transform:translateY(-1px) scale(1.04);box-shadow:0 12px 24px rgba(26,26,46,.14)}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-name{font-family:'Playfair Display','Playfair Fallback',serif;font-size:1.15rem;font-weight:600}.logo-role{font-size:0.6rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted)}.main-nav{display:flex;align-items:center;gap:1.75rem}.main-nav .rpps-mobile{display:none}.nav-links{display:flex;gap:0.25rem;list-style:none}.nav-links a{font-size:0.78rem;font-weight:500;color:var(--text);padding:0.5rem 0.85rem;border-radius:40px;transition:all 0.3s ease}.nav-links a:hover{background:var(--linen);color:var(--ink)}.nav-cta{background:var(--ink);color:var(--warm) !important;padding:0.65rem 1.4rem;border-radius:50px;font-weight:600;font-size:0.75rem;letter-spacing:0.03em;transition:all 0.4s var(--ease-out);white-space:nowrap}.nav-cta:hover{background:var(--terracotta);transform:translateY(-2px);box-shadow:0 8px 24px rgba(196,101,74,0.3)}.rpps-info{font-size:0.55rem;font-weight:500;color:var(--text-muted);letter-spacing:0.08em}.burger{display:none;width:40px;height:40px;background:none;border:none;cursor:pointer;z-index:10002;padding:8px}.burger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:all 0.35s var(--ease-out);position:relative}.burger span::before,.burger span::after{content:'';position:absolute;left:0;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:all 0.35s var(--ease-out)}.burger span::before{top:-7px}.burger span::after{top:7px}.burger.active span{background:transparent}.burger.active span::before{top:0;transform:rotate(45deg)}.burger.active span::after{top:0;transform:rotate(-45deg)}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(26,26,46,0.5);z-index:9997;opacity:0;transition:opacity 0.4s ease;backdrop-filter:blur(4px)}.nav-overlay.active{opacity:1}main{width:100%;margin:0 auto}article{max-width:800px;width:100%;margin:0 auto;padding:140px clamp(1.25rem,4vw,3rem) 80px;line-height:1.8}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:0.85rem;font-weight:600;color:var(--terracotta);text-decoration:none;margin-bottom:2rem;transition:gap 0.3s}.back-link:hover{gap:12px;color:var(--ink)}.article-header{text-align:center;margin:0 auto 4rem auto;width:100%;max-width:800px}.article-category{font-size:0.65rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--terracotta);background:var(--terracotta-pale);padding:0.35rem 0.8rem;border-radius:50px;display:inline-block;margin-bottom:1.5rem}article h1{font-family:'Playfair Display','Playfair Fallback',serif;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:500;color:var(--ink);line-height:1.2;text-align:center;margin-bottom:1.5rem;letter-spacing:-0.02em}.article-meta{font-size:0.85rem;color:var(--text-muted)}.article-meta span{margin:0 0.5rem}.article-content h2{font-family:'Playfair Display','Playfair Fallback',serif;font-size:1.8rem;font-weight:500;color:var(--ink);margin:3rem 0 1.5rem;padding-top:1rem;letter-spacing:-0.01em}.article-content h3{font-size:1.2rem;font-weight:600;color:var(--ink-light);margin:2rem 0 1rem}.article-content h4{font-size:1.05rem;font-weight:600;color:var(--ink-light);margin:1rem 0 0.5rem}.article-content p{font-size:1.05rem;margin-bottom:1.5rem;color:var(--text-light)}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:1.5rem}.article-content li{margin-bottom:0.8rem;color:var(--text-light)}.article-content strong{color:var(--ink);font-weight:600}.highlight-box,.warning-box{background:var(--warm-mid);border-left:4px solid var(--terracotta);padding:1.5rem 2rem;margin:2rem 0;border-radius:0 16px 16px 0}.highlight-box p,.warning-box p{margin:0;font-style:italic}.step-box{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.5rem;border-radius:16px;border:1px solid var(--stone);background:var(--white);margin:1.25rem 0;align-items:start}.step-number{width:34px;height:34px;border-radius:50%;background:var(--terracotta-pale);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.85rem}.step-content h4{margin:0 0 0.35rem}.step-content p{margin:0;color:var(--text-light)}.cta-box{background:var(--ink);border-radius:24px;padding:3rem;text-align:center;margin:4rem 0;color:var(--warm);position:relative;overflow:hidden}.cta-box::before{content:'';position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(196,101,74,0.15),transparent 70%);pointer-events:none}.cta-box h3{font-family:'Playfair Display','Playfair Fallback',serif;font-size:1.6rem;font-weight:500;margin-bottom:1rem;position:relative;color:var(--warm)}.cta-box p{color:rgba(255,250,245,0.8);margin-bottom:1.5rem;position:relative}.cta-button{display:inline-block;background:var(--terracotta);color:var(--warm) !important;padding:1rem 2.5rem;border-radius:50px;font-weight:600;font-size:0.85rem;letter-spacing:0.05em;text-transform:uppercase;transition:all 0.4s var(--ease-out);position:relative}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(196,101,74,0.4);color:var(--warm) !important}.related-articles{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--stone)}.related-articles h3{font-family:'Playfair Display','Playfair Fallback',serif;font-size:1.5rem;font-weight:500;margin-bottom:1.5rem;color:var(--ink)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.related-card{background:var(--white);padding:1.5rem;border-radius:16px;text-decoration:none;transition:all 0.4s var(--ease-out);border:1px solid var(--stone)}.related-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(26,26,46,0.08);border-color:var(--terracotta-light)}.related-card h4{font-size:1rem;color:var(--ink);margin-bottom:0.5rem}.related-card p{font-size:0.85rem;color:var(--text-muted);margin:0}.reveal{opacity:0;transform:translateY(40px)}.reveal.visible{animation:revealUp 0.9s var(--ease-out) forwards}.cta-float{position:fixed;bottom:28px;right:28px;background:var(--ink);color:var(--warm);padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:0.8rem;z-index:9990;transition:all 0.4s var(--ease-out);box-shadow:0 12px 32px rgba(26,26,46,0.3);display:flex;align-items:center;gap:10px;letter-spacing:0.03em;border:1px solid rgba(255,255,255,0.1)}.cta-float:hover{background:var(--terracotta);color:var(--warm);transform:translateY(-4px) scale(1.03);box-shadow:0 20px 48px rgba(196,101,74,0.35)}.cta-pulse{width:8px;height:8px;background:var(--terracotta-light);border-radius:50%;animation:ctaPulse 2s infinite}.cta-float:hover .cta-pulse{background:var(--white)}footer{padding:4vh 4vw;border-top:1px solid var(--stone)}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-links a{font-size:0.8rem;font-weight:500;color:var(--text);transition:color 0.3s ease}.footer-links a:hover{color:var(--terracotta)}.footer-legal{font-size:0.65rem;color:var(--text-muted);letter-spacing:0.05em}@media (max-width:960px){.burger{display:block}.main-nav{position:fixed;top:0;right:-100%;height:100vh;width:min(420px,85vw);background:var(--warm);flex-direction:column;padding:120px 2rem 2rem;gap:1.5rem;transition:right 0.4s var(--ease-out);box-shadow:-12px 0 32px rgba(26,26,46,0.12);z-index:10001}.main-nav.active{right:0}.nav-overlay{display:block;pointer-events:none}.nav-overlay.active{pointer-events:auto}.nav-links{flex-direction:column;gap:0;width:100%}.nav-links a{display:block;padding:1rem 0;font-size:1.1rem;border-bottom:1px solid var(--stone);border-radius:0}.nav-links a:hover{background:none}.nav-cta{width:100%;text-align:center;margin-top:1.5rem;padding:1rem 2rem;font-size:0.9rem}.nav-bar{padding:0.6rem 1rem}.main-nav .rpps-mobile{display:block !important;margin-top:auto;padding-top:2rem;font-size:0.65rem;color:var(--text-muted);text-align:center;letter-spacing:0.08em}article{padding:120px 5vw 60px}article h1{font-size:1.8rem}.related-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.footer-links{justify-content:center}.rpps-info{display:none}.cta-float{bottom:16px;right:16px;left:16px;justify-content:center;border-radius:50px}}

/* === Dropdown menu === */
/* DROPDOWN MENU CSS */.nav-links .dropdown { position: relative; }.dropdown-content {   display: none;   position: absolute;   background-color: var(--warm);   min-width: 240px;   box-shadow: 0 12px 32px rgba(26,26,46,0.1);   z-index: 10005;   border-radius: 16px;   padding: 8px 0;   border: 1px solid var(--stone);   top: 100%;   left: 50%;  transform: translateX(-50%);  margin-top: 10px;}.dropdown-content::before {  content: '';  position: absolute;  top: -6px;  left: 50%;  transform: translateX(-50%) rotate(45deg);  width: 12px;  height: 12px;  background-color: var(--warm);  border-left: 1px solid var(--stone);  border-top: 1px solid var(--stone);}.nav-links .dropdown-content a {   color: var(--text);   padding: 10px 20px;   text-decoration: none;   display: block;   font-size: 0.85rem;   border-radius: 0;   margin: 0;  transition: all 0.2s ease;  font-weight: 500;  border: none;}.nav-links .dropdown-content a:hover {   background-color: var(--linen);   color: var(--terracotta);   padding-left: 24px;}.dropdown:hover .dropdown-content { display: block; }@media (max-width:960px) {  .dropdown-content {     position: static;     box-shadow: none;     border: none;     background: transparent;     display: none;     padding-left: 0;     margin-top: 0;    transform: none;  }  .dropdown-content::before { display: none; }  .dropdown:hover .dropdown-content, .dropdown.active .dropdown-content { display: block; }  .nav-links .dropdown-content a { padding: 8px 0 8px 20px; font-size: 1rem; border-bottom: none; }  .nav-links .dropdown-content a:hover { padding-left: 20px; background: none; }}