/* ==========================================================================
   GWEVA LEGAL FORCE - procedure-recouvrement.fr
   Charte "Marine et or" : encre marine du logo, or du blason, papier chaud.
   Typo : Spectral (titres) - Public Sans (corps) - IBM Plex Mono (références)
   Polices auto-hébergées : aucun appel vers un serveur tiers.
   ========================================================================== */

/* ---------- Polices (static/fonts) ---------- */
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/spectral-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url(/static/fonts/spectral-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/spectral-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Spectral';font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/spectral-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/spectral-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/spectral-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:'Spectral';font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/spectral-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0}

@font-face{font-family:'Public Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/public-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/public-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/public-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/public-sans-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/public-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/public-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/public-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/public-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0}

@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/ibm-plex-mono-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/ibm-plex-mono-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0}

/* ---------- Jetons ---------- */
:root{
  --encre:#0b1b31;          /* marine du logo */
  --encre-2:#16304f;
  --encre-3:#23436b;
  --papier:#f7f4ed;         /* papier chaud */
  --papier-2:#efe9dc;
  --blanc:#ffffff;
  --or:#c8942f;             /* or du blason */
  --or-fonce:#8a6118;       /* or lisible sur fond clair (texte) */
  --or-clair:#f4e9d2;
  --or-ligne:#e3cf9f;
  --ligne:#dcd6c8;
  --gris:#55606e;
  --ok:#2f6f4e;
  --radius:6px;
  --maxw:1140px;
  --shadow:0 10px 30px rgba(11,27,49,.08),0 1px 2px rgba(11,27,49,.06);
  --shadow-lg:0 24px 60px rgba(11,27,49,.16);
  --font-d:'Spectral',Georgia,'Times New Roman',serif;
  --font-b:'Public Sans',-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-m:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  /* motif "papier réglé" utilisé dans le hero et les bandeaux */
  --regle:repeating-linear-gradient(0deg,transparent 0 31px,rgba(11,27,49,.045) 31px 32px);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

body{font-family:var(--font-b);color:var(--encre);background:var(--papier);line-height:1.68;font-size:17px}

/* Filet de tête : double trait marine / or, signature du site */
.lisere{height:5px;background:linear-gradient(90deg,var(--or) 0 38%,var(--encre) 38% 100%)}

a{color:var(--encre-3);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s}
a:hover{color:var(--or-fonce)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--or);outline-offset:2px;border-radius:4px}

img{max-width:100%;height:auto;display:block}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}

h1,h2,h3{font-family:var(--font-d);font-weight:600;line-height:1.18;letter-spacing:-.012em;color:var(--encre)}
h1{font-size:clamp(2rem,4.4vw,3.15rem);margin-bottom:.55em}
h2{font-size:clamp(1.5rem,2.8vw,2.05rem);margin:1.7em 0 .55em}
h3{font-size:1.2rem;margin:1.3em 0 .4em}
p{margin-bottom:1em}
ul,ol{margin:0 0 1.1em 1.3em}
li{margin-bottom:.45em}
strong{color:var(--encre)}
hr{border:0;border-top:1px solid var(--ligne);margin:2rem 0}

/* Capsule de référence légale */
.ref{font-family:var(--font-m);font-size:.76em;background:var(--blanc);border:1px solid var(--or-ligne);border-left:3px solid var(--or);padding:.12em .5em;border-radius:3px;white-space:nowrap;color:var(--encre-2)}
@media(max-width:480px){.ref{white-space:normal;overflow-wrap:anywhere}}

/* Petit surtitre doré avec trait */
.kicker{font-family:var(--font-m);font-size:.74rem;text-transform:uppercase;letter-spacing:.18em;color:var(--or-fonce);display:block;margin-bottom:.9rem;line-height:1.5}
.kicker::before{content:"";display:inline-block;width:2rem;height:2px;background:var(--or);vertical-align:middle;margin-right:.7rem}

/* ===== Barre haute ===== */
.topbar{background:var(--encre);color:#b9c7d8;font-size:.84rem;padding:.5rem 0}
.topbar .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.topbar .tagline{font-family:var(--font-d);font-style:italic;letter-spacing:.01em}
.topbar a{color:#fff;text-decoration:none}
.topbar .tb-esp{font-weight:600;color:var(--or)}
@media(max-width:920px){.topbar .tb-esp{display:inline}}
.topbar a:hover{color:var(--or)}
.topbar strong,.page-head strong,.cta-band strong{color:inherit}
@media(max-width:920px){
  .topbar{padding:.4rem 0;font-size:.82rem}
  .topbar .tagline,.topbar .tb-sep,.topbar .tb-tel{display:none}
  .topbar .container{justify-content:center}
}

/* ===== En-tête ===== */
.sticky-head{position:sticky;top:0;z-index:50}
header.site{background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--ligne);position:relative;box-shadow:0 1px 0 rgba(200,148,47,.25)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.5rem;padding-bottom:.5rem}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{height:86px;width:auto;display:block}
@media(max-width:920px){.brand img{height:52px}}
@media(max-width:400px){.brand img{height:44px}.call-cta{padding:.45rem .55rem;font-size:.82rem;gap:.3rem}.nav{gap:.5rem}.burger{padding:.45rem .6rem}}

nav.menu{display:flex;align-items:center;gap:.1rem;flex-wrap:nowrap}
nav.menu>a,nav.menu .dd>button{white-space:nowrap}
nav.menu a{color:var(--encre);text-decoration:none;font-weight:500;font-size:.92rem;padding:.55rem .7rem;border-radius:4px;position:relative}
nav.menu a:not(.cta)::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.3rem;height:2px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .18s}
nav.menu a:not(.cta):hover::after{transform:scaleX(1)}
nav.menu a:hover{color:var(--encre)}
nav.menu a.cta{background:var(--encre);color:#fff;margin-left:.6rem;padding:.6rem 1rem;border:1px solid var(--encre)}
nav.menu a.cta:hover{background:var(--or);border-color:var(--or);color:var(--encre)}

.dd{position:relative}
.dd>button{font:inherit;font-weight:500;font-size:.92rem;background:none;border:0;cursor:pointer;color:var(--encre);padding:.55rem .7rem;border-radius:4px}
.dd>button:hover{color:var(--or-fonce)}
.dd-menu{display:none;position:absolute;top:100%;left:0;background:var(--blanc);border:1px solid var(--ligne);border-top:3px solid var(--or);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-lg);min-width:250px;padding:.5rem;z-index:60}
.dd:hover .dd-menu,.dd.open .dd-menu{display:block}
.dd-menu a{display:block;padding:.55rem .75rem;font-size:.9rem;white-space:nowrap}
.dd-menu a:hover{background:var(--papier)}

.call-cta{display:none;align-items:center;gap:.35rem;background:var(--encre);color:#fff!important;font-weight:700;font-size:.9rem;padding:.55rem .8rem;border-radius:4px;text-decoration:none;white-space:nowrap}
.call-cta:hover{background:var(--or);color:var(--encre)!important}
.burger{display:none;background:none;border:1px solid var(--encre);border-radius:4px;padding:.5rem .7rem;font-size:1.1rem;cursor:pointer;color:var(--encre)}
.burger.open{background:var(--encre);color:#fff}
.menu-contact{display:none}

@media(max-width:920px){
  .burger{display:block}
  .call-cta{display:inline-flex;margin-left:auto}
  .nav{gap:.7rem}
  nav.menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--blanc);border-bottom:3px solid var(--or);flex-direction:column;align-items:stretch;padding:1rem;box-shadow:var(--shadow-lg)}
  nav.menu.open{display:flex}
  nav.menu a:not(.cta)::after{display:none}
  nav.menu a.cta{margin:.6rem 0 0;text-align:center}
  nav.menu .dd{position:static}
  nav.menu .dd>button{width:100%;text-align:left;padding:.65rem .5rem}
  nav.menu .dd-menu{position:static;display:flex;flex-direction:column;box-shadow:none;border:0;border-left:2px solid var(--or-ligne);border-radius:0;padding:0 0 0 1rem;margin-left:.5rem;min-width:0}
  nav.menu .menu-contact{display:flex;flex-direction:column;gap:.35rem;border-top:1px solid var(--ligne);margin-top:.9rem;padding-top:.9rem}
  nav.menu .menu-contact a{padding:.4rem .5rem;font-size:.92rem}
}
.call-cta svg,.topbar svg,.menu-contact svg,.ft-contact svg{vertical-align:-2px}

/* ===== Boutons ===== */
.btn{display:inline-block;padding:.9rem 1.6rem;border-radius:4px;font-weight:600;text-decoration:none;font-size:.97rem;border:1.5px solid transparent;cursor:pointer;font-family:var(--font-b);transition:background .15s,color .15s,border-color .15s,transform .15s;line-height:1.2}
.btn-p{background:var(--encre);color:#fff;border-color:var(--encre)}
.btn-p:hover{background:var(--encre-2);border-color:var(--encre-2);color:#fff}
.btn-s{background:transparent;color:var(--encre);border-color:var(--encre)}
.btn-s:hover{background:var(--encre);color:#fff}
.btn:disabled{opacity:.7;cursor:default;transform:none}

/* ===== Hero (accueil) ===== */
.hero{position:relative;background:var(--blanc);padding:4.2rem 0 3.6rem;border-bottom:1px solid var(--ligne);overflow:hidden}
.hero::before{display:none}
.hero .container{display:grid;grid-template-columns:1.15fr .85fr;gap:3.5rem;align-items:center;position:relative}
.hero .kicker a{color:inherit;text-decoration:none}
.hero h1{font-weight:700}
.hero p.lead{font-size:1.14rem;color:var(--gris);max-width:34rem}
.hero-ctas{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem}
@media(max-width:880px){.hero{padding:3rem 0 2.6rem}.hero .container{grid-template-columns:1fr;gap:2.4rem}}

.trust{display:flex;gap:1.6rem;flex-wrap:wrap;font-size:.86rem;color:var(--gris);margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--ligne)}
.trust span{display:flex;align-items:center;gap:.45rem}

/* Récépissé : la carte "dossier" du hero, traitée comme un document tamponné */
.recepisse{position:relative;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;transform:rotate(-1deg)}
.recepisse::before{content:"";position:absolute;inset:0;background:var(--regle);opacity:.6;pointer-events:none}
.recepisse::after{content:"PROCÉDURE AMIABLE";position:absolute;right:1rem;bottom:.9rem;font-family:var(--font-m);font-size:.62rem;letter-spacing:.2em;color:var(--or);border:2px solid var(--or);padding:.35rem .6rem;border-radius:3px;transform:rotate(-8deg);opacity:.8}
.recepisse .r-head{background:var(--encre);color:#fff;padding:.85rem 1.2rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-m);font-size:.76rem;letter-spacing:.08em;position:relative}
.recepisse .r-head .tag{background:var(--or);color:var(--encre);padding:.18rem .6rem;border-radius:3px;font-weight:700}
.recepisse ul{list-style:none;margin:0;padding:1.2rem 1.3rem 2.4rem;position:relative}
.recepisse li{display:flex;gap:.7rem;align-items:flex-start;padding:.55rem 0;border-bottom:1px dashed var(--ligne);font-size:.93rem}
.recepisse li:last-child{border-bottom:0}
.recepisse li .check{color:var(--ok);font-weight:700;flex-shrink:0}
.recepisse li .check::before{content:"✓"}
@media(max-width:880px){.recepisse{transform:none}}

/* Bandeau de confiance sous le hero */
.confiance{background:var(--encre);color:#fff}
.page-head+.confiance{background:var(--encre-2);border-top:1px solid rgba(255,255,255,.08)}
.confiance ul{list-style:none;margin:0;padding:.9rem 0;display:flex;flex-wrap:wrap;gap:.5rem 2.4rem;justify-content:center}
.confiance li{font-family:var(--font-m);font-size:.78rem;color:#dbe4ee;letter-spacing:.02em;margin:0}
.confiance li::before{content:"✓";color:var(--or);font-weight:700;margin-right:.5em}
.confiance strong{color:var(--or)}

/* ===== Sections ===== */
section.sec{padding:4rem 0}
section.sec.alt{background:var(--blanc);border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne)}
.sec-head{max-width:48rem;margin-bottom:2.4rem}
.sec-head h2{margin-top:.2rem}
.sec-head p{color:var(--gris);font-size:1.04rem}

.grid{display:grid;gap:1.4rem}
.grid.c3{grid-template-columns:repeat(3,1fr)}
.grid.c2{grid-template-columns:repeat(2,1fr)}
@media(max-width:880px){.grid.c3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.grid.c3,.grid.c2{grid-template-columns:1fr}}

.card{background:var(--blanc);border:1px solid var(--ligne);border-top:3px solid var(--encre);border-radius:var(--radius);padding:1.7rem 1.6rem;display:flex;flex-direction:column;position:relative;transition:transform .18s,box-shadow .18s,border-color .18s}
.card h3{margin-top:0;font-size:1.22rem}
.card p{color:var(--gris);font-size:.95rem;flex:1}
.card .more{font-weight:600;font-size:.9rem;text-decoration:none;color:var(--encre);font-family:var(--font-m);letter-spacing:.02em}
.card .more::after{content:" →";color:var(--or)}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-top-color:var(--or)}
.card .thumb{width:64px;height:64px;display:block;margin-bottom:1rem;padding:.7rem;background:var(--or-clair);border-radius:50%;box-sizing:border-box}

/* ===== Chronologie (verticale par défaut, horizontale sur l'accueil) ===== */
.timeline{list-style:none;margin:2rem 0;padding:0;counter-reset:step}
.timeline li{position:relative;padding:0 0 1.8rem 3.4rem;counter-increment:step;margin:0}
.timeline li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--encre);color:var(--or);font-family:var(--font-m);font-weight:700;font-size:.82rem;display:flex;align-items:center;justify-content:center;z-index:1}
.timeline li::after{content:"";position:absolute;left:1.05rem;top:2.4rem;bottom:.2rem;width:2px;background:var(--or-ligne)}
.timeline li:last-child::after{display:none}
.timeline h3{margin:0 0 .3rem;font-size:1.1rem}
.timeline p{color:var(--gris);font-size:.93rem;margin:0}
@media(min-width:881px){
  section.sec .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
  section.sec .timeline li{padding:2.8rem 0 0}
  section.sec .timeline li::after{left:2.2rem;right:-1.6rem;top:1.05rem;bottom:auto;height:2px;width:auto;background:linear-gradient(90deg,var(--or),var(--or-ligne))}
}

/* ===== Tarifs ===== */
.tarif{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius);padding:1.8rem;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.tarif::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--or),var(--encre))}
.tarif .t-cat{font-family:var(--font-m);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--or-fonce)}
.tarif .t-prix{font-family:var(--font-d);font-size:2.3rem;font-weight:700;margin:.35rem 0 .1rem;color:var(--encre)}
.tarif .t-cond{font-size:.84rem;color:var(--gris);margin-bottom:1rem;padding-bottom:.9rem;border-bottom:1px dashed var(--ligne)}
.tarif ul{list-style:none;margin:0 0 1.3rem;font-size:.92rem}
.tarif li{padding-left:1.4rem;position:relative}
.tarif li::before{content:"✓";position:absolute;left:0;color:var(--or-fonce);font-weight:700}
.tarif .btn{width:100%;text-align:center}

/* ===== Tête de page (articles, dossiers) ===== */
.page-head{position:relative;background:var(--encre);color:#fff;padding:3.4rem 0 3rem;overflow:hidden}
.page-head::before{content:"";position:absolute;right:4vw;top:-2.2rem;font-family:var(--font-d);font-size:22rem;line-height:1;color:rgba(255,255,255,.035);pointer-events:none;font-weight:700}
.page-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--or) 0 22%,transparent 22%)}
.page-head .container{position:relative}
.page-head .crumbs{font-family:var(--font-m);font-size:.74rem;letter-spacing:.05em;margin-bottom:1.2rem;color:#9fb3c9}
.page-head .crumbs a{color:#c9d7e6;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.page-head .crumbs a:hover{color:var(--or)}
.page-head h1{color:#fff;margin-bottom:.35em}
.page-head .lead{color:#c4d2e1;font-size:1.1rem;max-width:46rem;margin:0}
.page-head .kicker{color:var(--or)}
.page-head .kicker::before{background:var(--or)}

.ph-flex{display:flex;align-items:center;justify-content:space-between;gap:2.5rem}
.ph-flex>div{min-width:0}
.illus-lg{width:190px;height:190px;flex:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}
.illus-sm{width:120px;height:120px;flex:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}
@media(max-width:760px){.illus-lg,.illus-sm{display:none}}

/* ===== Corps d'article + colonne ===== */
.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:3.4rem;padding-top:2.6rem;padding-bottom:3.4rem}
@media(max-width:920px){.article-wrap{grid-template-columns:minmax(0,1fr);gap:2.4rem}}
article.body{max-width:46rem}
article.body h2{padding-top:.3rem;position:relative}
article.body>h2::after{content:"";display:block;width:3rem;height:2px;background:var(--or);margin-top:.5rem}
article.body p{color:#1f2a3a}

aside.side{align-self:start;position:sticky;top:104px}
@media(max-width:920px){aside.side{position:static}}
aside.side .box{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.4rem;box-shadow:var(--shadow)}
aside.side .box:first-child{border-top:3px solid var(--or)}
aside.side .box h3{margin-top:0;font-size:1.08rem}
aside.side .box p{font-size:.9rem;color:var(--gris)}
aside.side .box .btn{width:100%;text-align:center;margin-top:.4rem}
aside.side .box ul{list-style:none;margin:0;font-size:.9rem}
aside.side .box li{padding:.45rem 0;border-bottom:1px dashed var(--ligne)}
aside.side .box li:last-child{border:0}
aside.side .box a{text-decoration:none}
aside.side .box a:hover{text-decoration:underline}

.portrait{width:96px;height:96px;border-radius:50%;border:3px solid var(--or);box-shadow:var(--shadow);display:block;margin:0 auto 1.1rem;object-fit:cover}
.portrait-sm{width:64px;height:64px;margin:0;border-width:2px;flex:none}
.box-who{display:flex;align-items:center;gap:.9rem;padding-bottom:.9rem;margin-bottom:.9rem;border-bottom:1px solid var(--ligne)}
.box-who p{font-size:.84rem;color:var(--gris);margin:0;line-height:1.4}

/* Encadrés */
.encadre{background:var(--or-clair);border:1px solid var(--or-ligne);border-left:4px solid var(--or);border-radius:var(--radius);padding:1.15rem 1.35rem;margin:1.5rem 0;font-size:.96rem}
.encadre.bleu{background:#eef3f9;border-color:#c9d8ea;border-left-color:var(--encre-3)}
.encadre p:last-child{margin-bottom:0}

/* Réponse rapide (position zéro) */
.reponse-rapide{background:var(--blanc);border:1px solid var(--ligne);border-left:4px solid var(--or);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:0 0 2.2rem;max-width:46rem;box-shadow:var(--shadow)}
.reponse-rapide h2{font-size:1.1rem;margin:0 0 .45em;padding:0}
.reponse-rapide h2::before{content:"En bref";display:block;font-family:var(--font-m);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--or-fonce);margin-bottom:.4rem}
.reponse-rapide p{margin:0;font-size:.98rem;line-height:1.62}

/* FAQ */
.faq details{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius);margin-bottom:.7rem;padding:.2rem 1.2rem;transition:border-color .15s}
.faq details[open]{border-color:var(--or-ligne)}
.faq summary{cursor:pointer;font-weight:600;padding:.85rem 0;list-style:none;position:relative;padding-right:1.8rem;font-family:var(--font-d);font-size:1.05rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:.7rem;font-family:var(--font-m);color:var(--or-fonce);font-size:1.3rem}
.faq details[open] summary::after{content:"-"}
.faq details p{color:var(--gris);font-size:.95rem;padding-bottom:.95rem}

/* Bandeau d'appel à l'action */
.cta-band{position:relative;background:var(--encre);color:#fff;padding:3.2rem 0;text-align:left;overflow:hidden}
.cta-band::before{display:none}
.cta-band .container{position:relative}
.cta-band h2{color:#fff;margin-top:0}
.cta-band p{color:#c4d2e1;max-width:46rem;margin:0 0 1.4rem}
.cta-band .hero-ctas{justify-content:flex-start!important}
.cta-band .btn-p{background:#fff;color:var(--encre);border-color:#fff}
.cta-band .btn-p:hover{background:var(--or-clair);border-color:var(--or-clair)}
.cta-band .btn-s{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.cta-band .btn-s:hover{border-color:#fff;background:#fff;color:var(--encre)}
.cta-band .portrait{margin-bottom:1.2rem}

/* ===== Pied de page ===== */
footer.site{background:var(--encre);color:#b4c2d2;border-top:4px solid var(--or)}
footer.site .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.8rem;padding:3.4rem 0 2.4rem}
footer.site .ft-brand img{height:80px;width:auto;margin-bottom:1.1rem}
footer.site .ft-brand p{font-size:.9rem;line-height:1.6;margin:0 0 1.2rem;max-width:24rem}
footer.site .ft-contact{list-style:none;margin:0;padding:0;font-size:.92rem}
footer.site .ft-contact li{margin-bottom:.5rem}
footer.site .ft-h{color:var(--or);font-family:var(--font-m);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:1.1rem}
footer.site ul{list-style:none;margin:0;padding:0}
footer.site ul li{margin-bottom:.55rem}
footer.site a{color:#d3dde8;text-decoration:none;font-size:.92rem}
footer.site a:hover{color:var(--or);text-decoration:underline}
footer.site .ft-bottom{border-top:1px solid rgba(255,255,255,.12);padding:1.3rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#8ea2b8}
footer.site .ft-bottom .ft-legal a{font-size:.8rem;color:#8ea2b8;margin-left:1rem}
@media(max-width:880px){footer.site .cols{grid-template-columns:1fr 1fr;gap:2rem;padding:2.4rem 0 1.8rem}}
@media(max-width:560px){footer.site .cols{grid-template-columns:1fr}footer.site .ft-bottom{flex-direction:column;text-align:center}footer.site .ft-bottom .ft-legal a{margin:0 .5rem}}

/* ===== Calculateurs et formulaire ===== */
.calc{background:var(--blanc);border:1px solid var(--ligne);border-top:3px solid var(--encre);border-radius:var(--radius);padding:1.6rem;margin:0 0 2rem;box-shadow:var(--shadow)}
.calc label{display:block;font-family:var(--font-m);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--encre-2);margin:1rem 0 .35rem}
.calc input,.calc select,.calc textarea{width:100%;padding:.7rem .8rem;border:1px solid var(--ligne);border-radius:4px;font:inherit;font-size:1rem;background:var(--papier);color:var(--encre)}
.calc textarea{resize:vertical;min-height:4.5rem}
.calc input:focus,.calc select:focus,.calc textarea:focus{outline:2px solid var(--or);outline-offset:1px;background:#fff}
.calc .btn{margin-top:1.2rem}
.calc-note{font-size:.8rem;color:var(--gris);margin:.8rem 0 0}
.calc-result{margin-top:1.2rem;padding:1rem 1.1rem;background:var(--papier);border:1px solid var(--ligne);border-radius:var(--radius)}
.calc-result p{margin:.3rem 0;font-size:.95rem}
.calc-result .calc-total{border-top:1px solid var(--ligne);padding-top:.6rem;margin-top:.6rem;font-size:1.05rem}
.calc-result .calc-total strong{color:var(--or-fonce);font-size:1.2em}
.calc-cta{display:inline-block;margin-top:1rem}
.fd-status{margin:1rem 0 0;padding:.75rem .9rem;border-radius:4px;font-size:.92rem}
.fd-status.fd-ok{background:#e9f3ec;border:1px solid var(--ok);color:#1f5238}
.fd-status.fd-err{background:#fbeeea;border:1px solid #b5432f;color:#7d2a1c}
.fd-rgpd{font-size:.8rem;color:var(--gris);margin:.9rem 0 0;line-height:1.5}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ===== Tableaux ===== */
.tableau{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:.92rem;background:var(--blanc);box-shadow:var(--shadow)}
.tableau th,.tableau td{border:1px solid var(--ligne);padding:.75rem .9rem;text-align:left;vertical-align:top;line-height:1.5}
.tableau tr:first-child th{background:var(--encre);color:#fff;font-family:var(--font-m);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;border-color:var(--encre)}
.tableau th[scope="row"]{background:var(--papier);font-weight:600;white-space:nowrap}
.tableau tr:nth-child(even) td{background:#fbf9f4}
@media(max-width:760px){
  .tableau{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tableau th,.tableau td{min-width:9rem}
  .tableau th[scope="row"]{min-width:7rem}
}

/* ===== Modèles de documents ===== */
.modele{border:1px solid var(--ligne);border-radius:var(--radius);margin:1.8rem 0;background:var(--blanc);box-shadow:var(--shadow-lg);overflow:hidden}
.modele-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.3rem;background:var(--encre);color:#fff}
.modele-head span{font-family:var(--font-m);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}
.modele-head .btn{margin:0;padding:.45rem .9rem;font-size:.85rem;background:var(--or);border-color:var(--or);color:var(--encre);box-shadow:none}
.modele-head .btn:disabled{background:var(--ok);border-color:var(--ok);color:#fff}
.modele-doc{padding:1.8rem 2rem;font-size:.95rem;line-height:1.75;font-family:var(--font-d)}
.modele-doc p{margin:0 0 .9em}
.modele-doc .champ{color:var(--or-fonce);font-weight:600;font-family:var(--font-b);font-size:.92em}
.modele-doc .bloc-droite{text-align:right}
@media(max-width:480px){.modele-doc{padding:1.1rem 1rem}}
.zones{font-size:.88rem;color:var(--gris);border-top:1px solid var(--ligne);padding-top:1.2rem;margin-top:2rem}

/* Photos de contenu */
figure.photo{margin:1.8rem 0}
figure.photo img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--ligne);box-shadow:var(--shadow-lg);display:block}
figure.photo figcaption{font-family:var(--font-m);font-size:.74rem;color:var(--gris);margin-top:.5rem}

/* ===== Impression : ne sortir que le contenu utile ===== */
@media print{
  .lisere,.sticky-head,.topbar,header.site,.call-cta,.burger,nav.menu,
  aside.side,.cta-band,footer.site,.reponse-rapide,.faq,.encadre,.zones,
  .modele-head .btn,.hero-ctas,.btn,.confiance{display:none!important}
  body{background:#fff;color:#000}
  .page-head{background:#fff;color:#000;padding:0}
  .page-head::before,.page-head::after{display:none}
  .page-head h1{color:#000;font-size:16pt}
  .page-head .lead{display:none}
  .article-wrap{display:block;padding:0}
  .modele{border:none;box-shadow:none;margin:0}
  .modele-head{background:#fff;color:#000;padding:0 0 .5rem;border-bottom:1px solid #000}
  .modele-doc{padding:1rem 0;font-size:11pt;background:none}
  .modele-doc .champ{color:#000;font-weight:700}
  a{text-decoration:none;color:#000}
}

/* ===== Diagnostic express ===== */
.diag{background:var(--blanc);border:1px solid var(--ligne);border-top:3px solid var(--or);border-radius:var(--radius);padding:1.6rem 1.6rem 1.8rem;box-shadow:var(--shadow-lg);margin:0}
.diag .diag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1.4rem}
.diag .diag-grid .full{grid-column:1/-1}
@media(max-width:700px){.diag .diag-grid{grid-template-columns:1fr}}
.diag label{display:block;font-family:var(--font-m);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--encre-2);margin:1rem 0 .35rem}
.diag input,.diag select{width:100%;padding:.7rem .8rem;border:1px solid var(--ligne);border-radius:4px;font:inherit;font-size:1rem;background:var(--papier);color:var(--encre)}
.diag input:focus,.diag select:focus{outline:2px solid var(--or);outline-offset:1px;background:#fff}
.diag .btn{margin-top:1.3rem}
.diag-out{margin-top:1.6rem;border-top:1px dashed var(--ligne);padding-top:1.2rem}
.diag-out h3{margin:1.4rem 0 .6rem}
.diag-table th[scope="row"]{width:14rem;white-space:normal}
.diag-table{margin:0}
.diag-steps{margin:0 0 1.2rem 1.3rem;counter-reset:none}
.diag-steps li{margin-bottom:.5rem}
.diag-ctas{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.2rem 0 .8rem}
.sec-diag{background:var(--encre);padding:3.6rem 0;position:relative;overflow:hidden}
.sec-diag::before{display:none}
.sec-diag .sec-head{position:relative}
.sec-diag .sec-head h2,.sec-diag .sec-head p{color:#fff}
.sec-diag .sec-head p{color:#c4d2e1}
.sec-diag .sec-head .kicker{color:var(--or)}
.sec-diag .container{position:relative}
/* Repères chiffrés */
.chiffres{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.6rem 0 2.2rem}
.chiffre{background:var(--blanc);border:1px solid var(--ligne);border-left:4px solid var(--or);border-radius:var(--radius);padding:1rem 1.1rem}
.chiffre .c-val{font-family:var(--font-d);font-size:1.9rem;font-weight:700;color:var(--encre);line-height:1.1}
.chiffre .c-lab{font-size:.82rem;color:var(--gris);margin-top:.3rem}
.chiffre .c-src{font-family:var(--font-m);font-size:.68rem;color:var(--or-fonce);margin-top:.4rem}
@media(max-width:880px){.chiffres{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.chiffres{grid-template-columns:1fr}}
.maj{font-family:var(--font-m);font-size:.74rem;color:var(--or-fonce);letter-spacing:.06em;text-transform:uppercase}

/* Sommaire de la procédure (accueil) */
.procedure-sommaire{background:var(--blanc);border:1px solid var(--encre);border-radius:0}
.procedure-sommaire .ps-head{background:var(--encre);color:#fff;font-family:var(--font-m);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:.7rem 1.1rem}
.procedure-sommaire ol{list-style:none;margin:0;padding:.4rem 0}
.procedure-sommaire li{display:flex;gap:.9rem;align-items:flex-start;padding:.65rem 1.1rem;border-bottom:1px solid var(--ligne);margin:0}
.procedure-sommaire li:last-child{border-bottom:0}
.procedure-sommaire li>span{font-family:var(--font-d);font-weight:700;color:var(--or-fonce);min-width:1.6rem;font-size:1rem;padding-top:.05rem}
.procedure-sommaire strong{display:block;font-size:.95rem}
.procedure-sommaire small{display:block;color:var(--gris);font-size:.8rem;line-height:1.4}
.hero .kicker{color:var(--gris)}
.hero .kicker::before{background:var(--encre)}
.hero h1{font-weight:600}

/* ===== Accueil : hero sombre et section sombre ===== */
.hero-dark{background:var(--encre);border-bottom:0;padding:5rem 0 4.5rem}
.hero-dark .kicker{color:var(--or)}
.hero-dark .kicker::before{background:var(--or)}
.hero-dark h1{color:#fff;font-size:clamp(2.4rem,5.2vw,3.8rem);font-weight:700;letter-spacing:-.02em}
.hero-dark p.lead{color:#c4d2e1;max-width:36rem;font-size:1.12rem}
.hero-dark .btn-p{background:var(--or);color:var(--encre);border-color:var(--or)}
.hero-dark .btn-p:hover{background:#d9a53e;border-color:#d9a53e;color:var(--encre)}
.hero-dark .btn-s{color:#fff;border-color:rgba(255,255,255,.55)}
.hero-dark .btn-s:hover{background:#fff;color:var(--encre);border-color:#fff}
.hero-dark .procedure-sommaire{background:transparent;border:1px solid rgba(255,255,255,.18)}
.hero-dark .procedure-sommaire .ps-head{background:transparent;border-bottom:1px solid var(--or);color:var(--or)}
.hero-dark .procedure-sommaire li{border-bottom:1px solid rgba(255,255,255,.12)}
.hero-dark .procedure-sommaire li>span{color:var(--or)}
.hero-dark .procedure-sommaire strong{color:#fff}
.hero-dark .procedure-sommaire small{color:#aebdcd}
.hero-dark+.confiance{background:var(--encre-2);border-top:1px solid rgba(255,255,255,.08)}
.sec-dark{background:var(--encre);color:#fff;padding:4.5rem 0}
.sec-dark .sec-head h2{color:#fff}
.sec-dark .sec-head .kicker{color:var(--or)}
.sec-dark .sec-head .kicker::before{background:var(--or)}
.sec-dark .timeline h3{color:#fff;font-size:1.25rem}
.sec-dark .timeline p{color:#c4d2e1}
.sec-dark .timeline li::before{background:var(--or);color:var(--encre)}
.sec-dark .timeline li::after{background:rgba(200,148,47,.5)}
.sec-dark a{color:#fff}
.sec-dark a:hover{color:var(--or)}
.kicker{font-size:.78rem}
section.sec .sec-head h2{font-size:clamp(1.7rem,3vw,2.4rem)}
/* diagnostic en clair sous le hero sombre */
.sec-diag{background:var(--papier);border-bottom:1px solid var(--ligne)}
.sec-diag .sec-head h2{color:var(--encre)}
.sec-diag .sec-head p{color:var(--gris)}
.sec-diag .sec-head .kicker{color:var(--or-fonce)}
.sec-diag+section.sec{background:var(--blanc)}

/* ===== Navigation : accès rapide ===== */
.topbar .tb-esp{margin-right:.4rem}
@media(max-width:920px){.topbar .container{gap:.6rem}.topbar .tb-esp{margin-right:.9rem}}
.nav .nav-search{display:none}
/* barre d'action fixe sur mobile */
.action-bar{display:none}
@media(max-width:920px){
  .action-bar{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--ligne);padding:.55rem 12px calc(.55rem + env(safe-area-inset-bottom))}
  .action-bar a{display:block;text-align:center;font-weight:600;font-size:.92rem;padding:.75rem .5rem;border-radius:4px;text-decoration:none}
  .action-bar .ab-p{background:var(--encre);color:#fff}
  .action-bar .ab-s{border:1.5px solid var(--encre);color:var(--encre);background:#fff}
  body{padding-bottom:4.4rem}
  body.no-action-bar{padding-bottom:0}
  body.no-action-bar .action-bar{display:none}
}
/* lien d'évitement */
.skip{position:absolute;left:-999px;top:0;background:var(--encre);color:#fff;padding:.6rem 1rem;z-index:100}
.skip:focus{left:12px;top:12px}
/* sommaire des guides */
.sommaire{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius);padding:1rem 1.3rem;margin:0 0 2rem;font-size:.92rem}
.sommaire strong{font-family:var(--font-m);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--or-fonce);display:block;margin-bottom:.5rem}
.sommaire ol{margin:0 0 0 1.2rem}
.sommaire li{margin:.2rem 0}
.sommaire a{text-decoration:none}
.sommaire a:hover{text-decoration:underline}
/* date de mise à jour */
.maj-ligne{font-family:var(--font-m);font-size:.72rem;letter-spacing:.06em;color:#9fb3c9;margin:.6rem 0 0}
/* recherche */
.rs-box{max-width:46rem}
.rs-box input{width:100%;padding:.9rem 1rem;border:1px solid var(--encre);border-radius:4px;font:inherit;font-size:1.05rem;background:#fff}
.rs-list{list-style:none;margin:1.6rem 0 0;padding:0}
.rs-list li{padding:1rem 0;border-bottom:1px solid var(--ligne)}
.rs-list li a{text-decoration:none;font-family:var(--font-d);font-size:1.1rem}
.rs-list .rs-sec{display:inline-block;margin-left:.6rem;font-family:var(--font-m);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--or-fonce)}
.rs-list p{margin:.3rem 0 0;color:var(--gris);font-size:.92rem}
.nav .nav-search{display:flex}
.nav-search{margin-left:.2rem}
.nav-search a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--ligne);border-radius:4px;color:var(--encre)}
.nav-search a:hover{border-color:var(--encre)}
@media(max-width:920px){.nav .nav-search{display:none}}
h2[id]{scroll-margin-top:120px}
.lead-note{font-size:.95rem;color:#5b6472;margin:-.2rem 0 0}
.lead-note a{color:var(--navy,#0b1b31);text-decoration:underline}

/* ===== Passe visuelle du 16 octobre 2026 ===== */
/* Page courante dans la navigation et le pied de page */
nav.menu a[aria-current="page"]:not(.cta){color:var(--encre);font-weight:600}
nav.menu a[aria-current="page"]:not(.cta)::after{transform:scaleX(1)}
nav.menu .dd-menu a[aria-current="page"]{background:var(--papier)}
footer.site a[aria-current="page"]{color:var(--or)}
@media(max-width:920px){nav.menu a[aria-current="page"]:not(.cta){border-left:2px solid var(--or);padding-left:.6rem}}
/* Registre froid : aucune illustration décorative */
.card .thumb,.illus-sm,.illus-lg{display:none!important}
/* Surtitres : taille unique, lisible */
.sec-head .kicker,.sec-head p.kicker{font-size:.8rem;letter-spacing:.16em;color:var(--gris)}
.sec-diag .sec-head .kicker,.sec-dark .sec-head .kicker{color:var(--or-fonce)}
.sec-dark .sec-head .kicker{color:var(--or)}
@media(max-width:600px){.kicker,.sec-head .kicker{letter-spacing:.09em;font-size:.76rem}.kicker::before{width:1.4rem;margin-right:.5rem}}
/* Plancher typographique : rien sous 12 px */
.page-head .crumbs{font-size:.8rem}
.maj-ligne{font-size:.78rem}
footer.site .ft-h{font-size:.78rem}
.calc label,.diag label{font-size:.76rem}
.tableau tr:first-child th{font-size:.76rem}
.tarif .t-cat{font-size:.78rem}
.procedure-sommaire .ps-head{font-size:.76rem}
.sommaire strong{font-size:.76rem}
.reponse-rapide h2::before{font-size:.74rem}
.chiffre .c-src{font-size:.75rem}
.rs-list .rs-sec{font-size:.75rem}
.procedure-sommaire ol{padding:0}
/* Frise verticale dans le corps des articles (la frise horizontale reste réservée aux sections pleine largeur) */
@media(min-width:881px){
  section.sec .body .timeline,section.sec article .timeline{display:block}
  section.sec .body .timeline li,section.sec article .timeline li{padding:0 0 1.8rem 3.4rem}
  section.sec .body .timeline li::after,section.sec article .timeline li::after{left:1.05rem;right:auto;top:2.4rem;bottom:.2rem;width:2px;height:auto;background:var(--or-ligne)}
}
/* Boutons d'appel sur mobile : pleine largeur, même hauteur */
@media(max-width:600px){
  .hero-ctas{flex-direction:column;align-items:stretch}
  .hero-ctas .btn{width:100%;text-align:center;justify-content:center}
}
/* Barre d'action mobile : l'espace réservé prend la couleur du pied de page */
@media(max-width:920px){
  body{padding-bottom:0}
  footer.site::after{content:"";display:block;height:calc(4.4rem + env(safe-area-inset-bottom,0px))}
  body.no-action-bar footer.site::after{display:none}
}
/* Tableaux sur mobile : lignes empilées en fiches, chaque valeur précédée de son intitulé */
@media(max-width:640px){
  .tableau.stack{display:block;overflow:visible;box-shadow:none;background:transparent;border:0;margin:1.2rem 0}
  .tableau.stack thead,.tableau.stack tr.thr{display:none}
  .tableau.stack tbody{display:block}
  .tableau.stack tr{display:block;background:var(--blanc);border:1px solid var(--ligne);border-top:3px solid var(--encre);margin:0 0 .8rem;box-shadow:var(--shadow)}
  .tableau.stack th,.tableau.stack td{display:block;border:0;border-bottom:1px solid var(--ligne);min-width:0;white-space:normal;padding:.6rem .9rem;background:transparent!important}
  .tableau.stack tr>*:last-child{border-bottom:0}
  .tableau.stack th[scope="row"]{background:var(--papier)!important;font-size:.98rem}
  .tableau.stack td[data-label]::before{content:attr(data-label);display:block;font-family:var(--font-m);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--or-fonce);margin-bottom:.15rem}
  .tableau:not(.stack) th[scope="row"]{white-space:normal}
  .tableau:not(.stack) th,.tableau:not(.stack) td{min-width:0}
  .tableau:not(.stack){display:table}
}
.ref{font-size:max(.76em,12px)}
.modele-head span{font-size:.78rem}
figure.photo figcaption,.maj{font-size:.78rem}
/* Libellés de formulaire : des questions, donc en casse normale */
.calc label,.diag label{font-family:var(--font-b);font-size:.92rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--encre);line-height:1.4}
@media(max-width:600px){.diag .btn,.calc .btn{width:100%;justify-content:center;text-align:center}.calc .btn+.btn{margin-top:.6rem;margin-left:0}}
/* Grilles à deux colonnes : la dernière fiche isolée occupe toute la largeur */
@media(min-width:601px){.grid.c2>.tarif:last-child:nth-child(odd){grid-column:1/-1}}
@media(min-width:881px){.grid.c3>.card:last-child:nth-child(3n+1){grid-column:1/-1}}
/* Ouvrir un dossier : formulaire et suite de la procédure côte à côte */
.fd-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:2.4rem;align-items:start;max-width:72rem;margin:0 auto}
.fd-layout .calc{margin:0}
.fd-aside{position:sticky;top:140px;display:flex;flex-direction:column;gap:1.2rem}
.fd-step-box{background:var(--blanc);border:1px solid var(--ligne);border-top:3px solid var(--or);padding:1.4rem 1.4rem 1.1rem;box-shadow:var(--shadow)}
.fd-steps{list-style:none;margin:0;padding:0;counter-reset:fd}
.fd-steps li{position:relative;padding:0 0 1rem 2.4rem;counter-increment:fd;margin:0}
.fd-steps li::before{content:counter(fd);position:absolute;left:0;top:0;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--encre);color:var(--or);font-family:var(--font-m);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.fd-steps li::after{content:"";position:absolute;left:.78rem;top:1.8rem;bottom:.2rem;width:2px;background:var(--or-ligne)}
.fd-steps li:last-child{padding-bottom:.4rem}.fd-steps li:last-child::after{display:none}
.fd-steps strong{display:block;font-size:.95rem}
.fd-steps span{display:block;color:var(--gris);font-size:.88rem;line-height:1.5}
.fd-links{font-size:.86rem;margin:.6rem 0 0;padding-top:.8rem;border-top:1px solid var(--ligne)}
.fd-faq details summary{font-size:.95rem}
@media(max-width:980px){.fd-layout{grid-template-columns:1fr;max-width:46rem}.fd-aside{position:static}}
/* En-tête : le bandeau supérieur défile, seule la barre de navigation reste fixée */
.sticky-head{top:-38.5px}
@media(max-width:920px){.sticky-head{top:-34.8px}}
h2[id],h3[id]{scroll-margin-top:125px}
@media(max-width:920px){h2[id],h3[id]{scroll-margin-top:85px}}
.fd-aside{top:120px}
/* Bandeau de garanties sur mobile : liste alignée à gauche */
@media(max-width:600px){
  .confiance ul{flex-direction:column;align-items:flex-start;gap:.45rem;padding:1rem 0}
  .confiance li{font-size:.76rem;line-height:1.45;padding-left:1.2em;text-indent:-1.2em}
}
/* Logo : jamais compressé ; navigation resserrée entre 921 et 1240 px */
.brand{flex:none}
.brand img{max-width:none}
@media(min-width:921px) and (max-width:1240px){
  .brand img{height:64px}
  nav.menu a{padding:.5rem .5rem;font-size:.88rem}
  nav.menu a:not(.cta)::after{left:.5rem;right:.5rem}
  nav.menu .dd>button{padding-left:.5rem;padding-right:.5rem;font-size:.88rem}
  nav.menu a.cta{margin-left:.4rem;padding:.55rem .8rem}
}
@media(min-width:921px) and (max-width:1080px){nav.menu>a[href="/"],nav.menu>a[href="/espace/"]{display:none}}
.tableau th[scope="row"]{white-space:normal}
@media(min-width:641px){.tableau th[scope="row"]{min-width:9rem}}
.modele-head{flex-wrap:wrap;gap:.5rem}
@media(max-width:420px){.modele-head span{flex:1 1 100%}}
header.site{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
.diag-suite{font-size:.86rem;color:var(--gris);margin:.4rem 0 0}
.maj-ligne a{color:#d3dde8;text-decoration:underline;text-underline-offset:2px}
.liens-situations{list-style:none;padding:0;margin:1rem 0 2rem;border-top:1px solid var(--ligne)}
.liens-situations li{padding:.65rem 0;border-bottom:1px solid var(--ligne);margin:0}
.liens-situations a{font-weight:600}
.liens-situations span{display:block;color:var(--gris);font-size:.9rem}
.offre-envoi{background:var(--blanc);border:1px solid var(--ligne);border-left:3px solid var(--or);padding:1.3rem 1.4rem;margin:1.6rem 0 2rem}
.offre-envoi h3{margin:0 0 .4rem;font-size:1.15rem}
.offre-envoi p{margin:.3rem 0;color:var(--gris);font-size:.95rem}
.offre-envoi .oe-ctas{margin-top:.9rem;display:flex;gap:.6rem;flex-wrap:wrap}
@media(max-width:600px){.offre-envoi .oe-ctas .btn{flex:1 1 100%;text-align:center;justify-content:center}}
@media print{.offre-envoi{display:none}}
.grid-titre{font-family:var(--font-m);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);font-weight:600;margin:2.2rem 0 .9rem;padding-bottom:.5rem;border-bottom:1px solid var(--ligne)}
.grid-titre:first-of-type{margin-top:1rem}
/* Menu Procédures sur deux colonnes */
.dd-menu.dd-2col{min-width:0;width:max-content}
@media(min-width:921px){
  .dd:hover .dd-menu.dd-2col,.dd.open .dd-menu.dd-2col{display:grid;grid-template-columns:auto auto;gap:0 .4rem;padding:.6rem .4rem}
  .dd-col{min-width:15rem}
  .dd-col+.dd-col{border-left:1px solid var(--ligne);padding-left:.4rem}
}
.dd-h{display:block;font-family:var(--font-m);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--or-fonce);padding:.35rem .75rem .45rem}
@media(max-width:920px){.dd-col+.dd-col{margin-top:.6rem}.dd-h{padding-left:.5rem}}
@media(max-width:920px){
  nav.menu .dd .dd-menu{display:none}
  nav.menu .dd.open .dd-menu{display:flex}
  nav.menu .dd>button::after{content:"";display:inline-block}
}
/* Tuiles dans une colonne d'article : deux par ligne */
.article-wrap .grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.article-wrap .grid.c3{grid-template-columns:1fr}}

/* Liens dans le chapô sur fond sombre */
.page-head .lead a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.page-head .lead a:hover{color:var(--or)}
.grid-note{margin:1.1rem 0 0;font-size:.95rem;color:var(--gris)}

/* Accueil : parcours des créanciers professionnels */
.pro-cols{display:grid;grid-template-columns:minmax(260px,1fr) 2.2fr;gap:2rem;align-items:start}
.pro-faits{margin:0 0 1.4rem;display:grid;gap:.7rem}
.pro-faits div{background:var(--blanc);border:1px solid var(--ligne);border-left:4px solid var(--or);border-radius:var(--radius);padding:.85rem 1rem}
.pro-faits dt{font-family:var(--font-d);font-weight:700;font-size:1.15rem;color:var(--encre)}
.pro-faits dd{margin:.15rem 0 0;font-size:.88rem;color:var(--gris)}
.liens-pro{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.liens-pro li{margin:0}
.liens-pro a{display:block;height:100%;text-decoration:none;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius);padding:.8rem 2.2rem .8rem 1rem;position:relative;transition:border-color .15s}
.liens-pro a::after{content:"\2192";position:absolute;right:.9rem;top:.8rem;color:var(--or-fonce)}
.liens-pro a:hover{border-color:var(--encre-3)}
.liens-pro strong{display:block;color:var(--encre);font-size:.98rem}
.liens-pro span{display:block;color:var(--gris);font-size:.85rem;margin-top:.15rem;line-height:1.45}
@media(max-width:900px){.pro-cols{grid-template-columns:1fr}}
@media(max-width:560px){.liens-pro{grid-template-columns:1fr}}
/* Renvois vers les situations voisines, en fin d'article */
.maillage{background:var(--blanc);border:1px solid var(--ligne);border-left:4px solid var(--or);border-radius:var(--radius);padding:1rem 1.2rem;margin:2rem 0 1.4rem}
.maillage p{margin:0}
.maillage .maillage-t{font-family:var(--font-m);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--or-fonce);margin-bottom:.4rem}
.maillage a{font-weight:600}
@media(max-width:560px){.pro-faits{gap:.45rem}.pro-faits div{padding:.6rem .8rem}.pro-faits dt{font-size:1.02rem}.pro-faits dd{font-size:.82rem}}

/* ---- Harmonisation des boutons : même hauteur, texte centré, alignement en bas des cartes ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding-top:.7rem;padding-bottom:.7rem;text-align:center}
nav.menu a.cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding-top:0;padding-bottom:0}
.modele-head .btn{min-height:36px;min-width:140px}
@media(min-width:601px){.hero-ctas .btn,.offre-envoi .oe-ctas .btn{min-width:240px}}
.tarif{display:flex;flex-direction:column}
.tarif .btn{margin-top:auto}
/* mobile : l'en-tête mène à l'espace client, la barre basse à l'ouverture de dossier */
.call-cta{background:#fff;color:var(--encre)!important;border:1.5px solid var(--encre);min-height:44px;padding:0 .8rem;font-weight:700}
.call-cta:hover{background:var(--encre);color:#fff!important}
.burger{min-height:44px;min-width:44px}
@media(max-width:400px){.call-cta{padding:0 .6rem;font-size:.84rem}}
@media(max-width:920px){
  .action-bar{grid-template-columns:1fr}
  .action-bar a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 .5rem;font-size:.97rem}
}
@media(max-width:920px){.topbar .tb-esp{display:none}}
#form-dossier{scroll-margin-top:110px}
.fd-aide{font-size:.82rem;color:var(--gris,#5b6472);margin:.3rem 0 .2rem;line-height:1.4}
#fd-form input[type=file]{width:100%;padding:.7rem;border:1.5px dashed var(--ligne);border-radius:4px;background:#fbf9f4;font-size:.9rem;cursor:pointer}
#fd-form input[type=file]::file-selector-button{margin-right:.8rem;padding:.55rem .9rem;border:1.5px solid var(--encre);border-radius:4px;background:#fff;color:var(--encre);font-weight:600;cursor:pointer}
.fd-confirm{border:1px solid var(--ligne);border-top:3px solid var(--or);border-radius:var(--radius,6px);background:#fff;padding:1.4rem 1.3rem;scroll-margin-top:110px;outline:none}
.fd-c-titre{font-family:var(--font-d);font-size:1.35rem;font-weight:700;color:var(--encre);margin:0 0 .3rem}
.fd-c-ref{margin:0 0 1rem;color:var(--gris,#5b6472)}
.fd-c-etapes{list-style:none;margin:0 0 1rem;padding:0;counter-reset:e}
.fd-c-etapes li{position:relative;padding:.55rem 0 .55rem 2.4rem;border-left:2px solid var(--ligne);margin-left:.8rem}
.fd-c-etapes li::before{counter-increment:e;content:counter(e);position:absolute;left:-.85rem;top:.5rem;width:1.6rem;height:1.6rem;border-radius:50%;background:#fff;border:2px solid var(--ligne);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--gris,#5b6472)}
.fd-c-etapes li.fd-c-fait::before{content:'✓';background:var(--ok,#2f7d4f);border-color:var(--ok,#2f7d4f);color:#fff}
.fd-c-etapes li.fd-c-encours::before{border-color:var(--or);color:var(--encre)}
.fd-c-etapes strong{display:block;color:var(--encre)}
.fd-c-etapes span{font-size:.9rem;color:var(--gris,#5b6472)}
.fd-c-note{font-size:.88rem;margin:.4rem 0 0;color:var(--gris,#5b6472)}
.fd-paie{margin:1rem 0 .4rem;padding:.9rem 1rem;border-left:3px solid var(--or);background:#fbf9f4;border-radius:4px;font-size:.9rem;line-height:1.5}
.fd-paie p{margin:0}
.fd-paie .fd-paie-t{font-family:var(--font-d);font-weight:700;font-size:1.02rem;color:var(--encre);margin-bottom:.3rem}
/* Public Sans rapproche l'espace du tiret simple (« fixe - aucun » lu « fixe-aucun ») : pas de crénage sur le texte courant, titres inchangés */
body{font-kerning:none}
h1,h2,h3,.titre-doc,.fd-c-titre,.kicker{font-kerning:normal}
.bareme td,.bareme th{vertical-align:top}
.bareme td:nth-child(2),.bareme td:nth-child(3){white-space:normal}
.bareme a{font-weight:600;white-space:nowrap}
@media(min-width:921px){.bareme td:nth-child(2){font-weight:600;color:var(--encre);white-space:nowrap}}
/* mobile : une seule invitation à ouvrir un dossier à la fois, menu plein écran, Espace client une seule fois */
.topbar .tb-esp,.topbar .tb-esp+.tb-sep{display:none}
@media(max-width:920px){
  .action-bar{transition:transform .2s ease,visibility 0s linear 0s}
  body.ab-cache .action-bar,body.menu-ouvert .action-bar{transform:translateY(110%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}
  nav.menu.open{min-height:calc(100vh - 100px);max-height:calc(100vh - 100px);min-height:calc(100dvh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto;box-shadow:none}
  body.menu-ouvert{overflow:hidden}
  nav.menu>a[href="/espace/"]{display:none}
}
.diag-steps a{text-decoration:none;color:inherit;border-bottom:1px solid transparent}
.diag-steps a:hover,.diag-steps a:focus-visible{border-bottom-color:var(--or);color:var(--encre)}
/* filets dorés sur toute la largeur (un filet partiel se lisait comme une barre de chargement) */
.lisere{height:3px;background:var(--or)}
.page-head::after{height:3px;background:var(--or)}

/* lien « Aller au contenu » : le contenu ne passe pas sous l'entête collante */
#contenu{scroll-margin-top:105px}
@media(max-width:920px){#contenu{scroll-margin-top:70px}}
#contenu:focus{outline:none}

/* impression : la barre d'action mobile (affichée sous 920 px, largeur d'une page A4) ne doit pas être imprimée */
@media print{.action-bar,.skip{display:none!important}}

/* menu orienté client : chaque sous-menu s'ouvre sous son bouton ; ceux de droite (Le cabinet, Outils gratuits) s'alignent sur le bord droit de leur bouton */
@media(min-width:921px){
  header.site .container.nav{position:relative}
  nav.menu .dd{position:relative}
  nav.menu .dd>button{position:relative}
  nav.menu .dd .dd-menu{top:100%;left:0;right:auto}
  nav.menu .dd.dd-droite .dd-menu{left:auto;right:0}
  .dd-menu.dd-1col,.dd-menu.dd-2col{min-width:0;width:max-content}
  .dd:hover .dd-menu.dd-2col,.dd.open .dd-menu.dd-2col{display:grid;grid-template-columns:auto auto;gap:0 .4rem;padding:.6rem .4rem}
  .dd-1col .dd-col{min-width:14rem}
  .dd-2col .dd-col{min-width:13rem}
  .dd-1col .dd-col+.dd-col{border-left:0;padding-left:0;border-top:1px solid var(--ligne);margin-top:.35rem;padding-top:.35rem}
  .dd>button.actif{box-shadow:inset 0 -2px 0 var(--or)}
}
.dd>button.actif{font-weight:600}
@media(max-width:920px){.dd>button.actif{border-left:2px solid var(--or);padding-left:.6rem}}
@media(max-width:920px){nav.menu .dd-menu.dd-1col,nav.menu .dd-menu.dd-2col{width:auto;max-width:100%}nav.menu .dd-menu a{white-space:normal}}

/* accueil : évolutions 2026 et accès direct aux calculateurs */
.evol .ev-date{flex:0;font-family:var(--font-m);font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--or-fonce);margin:0 0 .5rem}
.evol .card h3{margin-bottom:.5rem}
.evol-tout{margin:1.6rem 0 0;text-align:center}
.acces-titre{margin:2.6rem 0 .9rem;font-size:1.15rem}
.acces-calc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}
.acces-calc li{margin:0;padding:0}
.acces-calc li::before{content:none}
.acces-calc a{display:flex;flex-direction:column;gap:.25rem;height:100%;box-sizing:border-box;padding:.9rem 1rem;border:1px solid var(--ligne);border-left:3px solid var(--or);border-radius:var(--radius);background:var(--blanc);color:var(--encre);font-weight:600;font-size:.95rem;line-height:1.3;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.acces-calc a:hover,.acces-calc a:focus-visible{border-color:var(--or);box-shadow:var(--shadow)}
.acces-calc small{font-weight:400;font-size:.82rem;color:var(--gris);line-height:1.35}
@media(max-width:1100px){.acces-calc{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.acces-calc{grid-template-columns:1fr}.acces-calc a{min-height:48px}.evol-tout .btn{width:100%;box-sizing:border-box}}
.nw{white-space:nowrap}
.lien-evol{margin:1.6rem 0;padding:.85rem 1.1rem;border-left:3px solid var(--or);background:var(--or-clair);border-radius:var(--radius);font-size:.95rem}

/* texte agrandi (réglage d'accessibilité, zoom texte 200 %) : le bouton Menu reste toujours visible, les mots longs se coupent */
@media(max-width:920px){
  header.site .container.nav{min-width:0}
  header.site .brand{flex-shrink:20;min-width:48px}
  header.site .brand img{max-width:100%;object-fit:contain;object-position:left center}
  .burger{flex-shrink:0}
  .call-cta{flex-shrink:0;min-width:0;max-width:calc(100vw - 80px - 5.2rem);overflow:hidden}
  .call-cta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  h1,h2,h3,.lead{overflow-wrap:break-word}
  .ft-bottom span{max-width:100%;overflow-wrap:anywhere}
  .ft-bottom .ft-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem .9rem}
  .ft-bottom .ft-legal a{margin:0}
}
@media(max-width:920px){.action-bar a{min-width:0;overflow-wrap:anywhere;text-align:center}}
@media(max-width:920px){
  .grid>*,.split>*,.cols>*,form>*,fieldset>*,.layout>*,.content-grid>*,aside>*{min-width:0}
  p,li,td,th,label,dd,dt,summary,.card,.btn{overflow-wrap:break-word}
  td,th{overflow-wrap:anywhere}
  table{max-width:100%}
  input,select,textarea{max-width:100%;box-sizing:border-box}
}
@media(max-width:980px){.fd-layout{grid-template-columns:minmax(0,1fr)}.fd-layout>*{min-width:0}}
@media(max-width:920px){.box-who{min-width:0}.box-who>p{min-width:0;flex:1 1 0}.box,.side{min-width:0}}
@media(max-width:920px){.action-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

/* parcours client : accueil et demande d'examen */
.hero-faits{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.4rem;max-width:40rem}
.hero-faits li{position:relative;padding-left:1.5rem;color:#d7e0ea;font-size:.98rem;line-height:1.45}
.hero-faits li::before{content:"✓";position:absolute;left:0;top:0;color:var(--or);font-weight:700}
.hero-faits strong{color:#fff;font-weight:600}
.hero-rassure{margin:.8rem 0 0;font-size:.86rem;color:#b9c6d4;letter-spacing:.01em}
@media(max-width:700px){.hero-faits{grid-template-columns:1fr}}
.fd-plus{margin:1rem 0 .4rem;border:1px solid var(--ligne);border-radius:var(--radius);padding:.2rem .9rem .6rem;background:var(--blanc)}
.fd-plus>summary{cursor:pointer;font-weight:600;padding:.6rem 0;min-height:44px;display:flex;align-items:center}
.fd-plus[open]>summary{margin-bottom:.2rem}
.fd-rassure{margin:.7rem 0 .2rem;font-size:.92rem;font-weight:600;color:var(--encre)}
.fd-copie{display:inline-block;margin:.2rem 0 .4rem;background:none;border:0;padding:.3rem 0;color:var(--encre);text-decoration:underline;font-size:.88rem;cursor:pointer;min-height:44px}
.fd-prerempli{background:var(--or-clair);border-left:3px solid var(--or);padding:.5rem .7rem;border-radius:4px}
.fd-interlocuteur{display:flex;gap:1rem;align-items:flex-start;margin:1rem 0 1.4rem}
.fd-interlocuteur img{flex-shrink:0;border-radius:50%}
.fd-interlocuteur p{margin:0;min-width:0}

/* ===== Parcours vers l'examen gratuit (v. 20261017j) ===== */
/* bouton d'en-tête : libellé long, ou court entre 921 et 1100 px */
nav.menu a.cta .cta-c{display:none}
@media(min-width:921px) and (max-width:1100px){nav.menu a.cta .cta-l{display:none}nav.menu a.cta .cta-c{display:inline}}
@media(min-width:921px) and (max-width:1000px){
  nav.menu a{padding-left:.42rem;padding-right:.42rem}
  nav.menu .dd>button{padding-left:.42rem;padding-right:.42rem}
  nav.menu a.cta{margin-left:.25rem;padding-left:.7rem;padding-right:.7rem}
}
/* bandeau supérieur : accès utilitaires (Espace client, courrier reçu) sur ordinateur seulement */
@media(min-width:921px){
  .topbar .tb-esp,.topbar .tb-esp+.tb-sep,.topbar .tb-sep{display:inline}
  .topbar .tb-deb{color:#fff}
  .topbar .container{flex-wrap:nowrap}
  .topbar .tb-util{white-space:nowrap}
  .topbar .tb-esp{margin-right:0}
}
@media(min-width:921px) and (max-width:1180px){.topbar .tagline{display:none}.topbar .container{justify-content:flex-end}}
@media(max-width:920px){.topbar .tb-esp,.topbar .tb-deb,.topbar .tb-sep{display:none}}
/* menu mobile : accès utilitaires en bas, cibles tactiles de 44 px */
@media(max-width:920px){nav.menu .menu-contact a{min-height:44px;display:flex;align-items:center;gap:.45rem}}
/* rassurance sous les boutons */
.cta-rassure{font-size:.84rem;color:var(--gris);margin:.55rem 0 0;line-height:1.45}
.cta-band .cta-rassure{color:#c4d2e1;margin:1rem 0 0;font-size:.86rem}
aside.side .box .cta-rassure{font-size:.78rem;text-align:center;margin:.45rem 0 .3rem}
/* CTA aux moments de décision */
.cta-inline{margin:1.6rem 0 2.2rem;padding:1.1rem 1.2rem;background:var(--blanc);border:1px solid var(--ligne);border-left:3px solid var(--or);border-radius:var(--radius);max-width:46rem}
.cta-inline .btn{margin:0}
@media(max-width:600px){.cta-inline .btn{width:100%}}
/* après un calcul */
.calc-suite{margin-top:1.1rem;padding-top:1rem;border-top:1px dashed var(--ligne)}
.calc-suite .calc-cta,.calc-suite .diag-ctas{margin-top:0}
.calc-suite .diag-ctas{display:flex;flex-wrap:wrap;gap:.6rem}
.calc-suite-note{font-size:.86rem;color:var(--gris);margin:.6rem 0 0}
@media(max-width:600px){.calc-suite .btn{width:100%}}
/* barre d'action mobile : un seul bouton pleine largeur ; le formulaire n'est jamais masqué par elle */
@media(max-width:920px){
  .action-bar{grid-template-columns:minmax(0,1fr)}
  html{scroll-padding-bottom:5.5rem}
  .fd-layout{padding-bottom:1rem}
}
/* barème des tarifs : les liens d'examen, plus longs, peuvent passer à la ligne */
.bareme a[href^="/ouvrir-un-dossier-recouvrement"]{white-space:normal}
/* cibles de 44 px au moins dans la barre de navigation
*/
@media(min-width:921px){nav.menu .dd>button,nav.menu>a:not(.cta){min-height:44px;display:inline-flex;align-items:center}}
.nav-search a{width:44px;height:44px}

/* exemple fictif : espace client et rapport final */
.exemple{align-items:start}
.exemple figure{margin:0;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--radius);padding:.6rem;box-shadow:var(--shadow)}
.exemple img{display:block;width:100%;height:auto;border-radius:4px}
.exemple figcaption{font-size:.88rem;color:var(--gris);margin-top:.6rem;line-height:1.4}
.exemple-fictif>p{margin-top:1rem}
/* Accueil : visuel de l'interlocuteur unique, juste après le premier écran */
.sec-interloc{padding:2.4rem 0 1rem}
.sec-interloc img{display:block;width:100%;max-width:1100px;height:auto;margin:0 auto;border-radius:8px;box-shadow:0 10px 30px rgba(10,28,52,.14)}
.interloc-b{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin:1.2rem auto 0;max-width:1100px}
.interloc-b .btn{max-width:100%;overflow-wrap:anywhere}
@media (max-width:560px){.sec-interloc{padding:1.6rem 0 .6rem}.interloc-b .btn{flex:1 1 100%;text-align:center}}