/* ==========================================================================
   Thème « Bleu Europe » — lergpd.fr
   Bleu Europe #003399 · bleu électrique #2350FF · jaune étoile #FFCC00
   ciel #DCE6FF · encre #0B1640 · corail #FF5C5C (alertes)
   ========================================================================== */
:root{
  --eu:#003399;--el:#2350FF;--star:#FFCC00;--sky:#DCE6FF;--ink:#0B1640;--coral:#FF5C5C;
  --paper:#F5F7FF;--line:#0B1640;--muted:#46507A;--white:#fff;
  --r:18px;--shadow:6px 6px 0 var(--ink);--shadow-s:4px 4px 0 var(--ink);
  --font:"Inter","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --w:1240px;--prose:760px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:18px;line-height:1.7;color:var(--ink);background:var(--paper)}
body.no-scroll{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--el);text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{color:var(--eu)}
:focus-visible{outline:3px solid var(--star);outline-offset:2px;border-radius:6px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--star);color:var(--ink);padding:.5rem 1rem;border-radius:8px;z-index:3000;font-weight:800}
.skip:focus{left:8px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 1.25rem}
.small{font-size:.86rem;color:var(--muted)}

/* ── En-tête ─────────────────────────────────────────────────────────────── */
.site-header{position:sticky;top:0;z-index:1000;background:var(--eu);color:#fff;border-bottom:4px solid var(--star)}
.hdr{max-width:var(--w);margin:0 auto;padding:.55rem 1.25rem;display:flex;align-items:center;gap:1rem;min-height:70px}
.brand{display:flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none;flex-shrink:0}
.brand img{height:46px;width:auto;display:block}
.brand-txt{font-weight:900;font-size:1.55rem;letter-spacing:-.02em;line-height:1}
.brand-txt small{font-size:.95rem;font-weight:600;margin-right:2px;opacity:.9}
.brand-txt em{font-style:normal;color:var(--star);font-size:1rem}
.nav{margin-left:auto;min-width:0}
.nav>ul{list-style:none;display:flex;gap:.15rem;margin:0;padding:0;align-items:center}
.nav li{position:relative}
.nav a,.nav-top{display:flex;align-items:center;gap:.25rem;color:#fff;text-decoration:none;font:inherit;font-size:.86rem;font-weight:700;padding:.5rem .45rem;border-radius:10px;background:none;border:0;cursor:pointer;white-space:nowrap}
.nav a:hover,.nav-top:hover,.nav li.open>.nav-top{background:rgba(255,255,255,.14);color:#fff}
.nav li.active>a{background:var(--star);color:var(--ink)}
.nav-sub{list-style:none;margin:0;padding:.5rem;position:absolute;top:calc(100% + 10px);left:0;min-width:290px;background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);display:none;z-index:1100}
.nav li.open>.nav-sub{display:block}
.nav-sub a{color:var(--ink);font-weight:600;white-space:normal;padding:.5rem .7rem}
.nav-sub a:hover{background:var(--sky);color:var(--eu)}
.hdr-search{display:flex;align-items:center;gap:.45rem;background:var(--star);color:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:.45rem .9rem;font:inherit;font-weight:800;font-size:.92rem;cursor:pointer;box-shadow:3px 3px 0 var(--ink);flex-shrink:0}
.hdr-search:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}
.hdr-search kbd{font-family:inherit;font-size:.72rem;background:#fff;border-radius:5px;padding:0 .35rem;border:1px solid var(--ink)}
.burger{display:none;margin-left:auto;background:none;border:0;padding:.5rem;cursor:pointer}
.burger span{display:block;width:26px;height:3px;background:#fff;margin:5px 0;border-radius:3px}
.hdr-search span,.hdr-search kbd{display:none}
@media (max-width:1460px){
  .burger{display:block}
  .nav{position:fixed;inset:74px 0 0 0;background:var(--eu);overflow:auto;padding:1rem 1.25rem 3rem;display:none;margin:0}
  .nav.open{display:block}
  .nav>ul{flex-direction:column;align-items:stretch}
  .nav a,.nav-top{font-size:1.05rem;width:100%;justify-content:space-between}
  .nav-sub{position:static;box-shadow:none;border:0;background:rgba(255,255,255,.08);min-width:0;margin:.2rem 0 .6rem}
  .nav-sub a{color:#fff}
  .nav-sub a:hover{background:rgba(255,255,255,.15);color:#fff}
}

/* ── Recherche (overlay + instantanée) ───────────────────────────────────── */
.search-overlay{position:fixed;inset:0;background:rgba(11,22,64,.72);z-index:2000;display:flex;justify-content:center;align-items:flex-start;padding:10vh 1rem 1rem}
.search-overlay[hidden]{display:none}
.search-box{width:100%;max-width:760px}
.live-search{position:relative;display:flex;align-items:center;gap:.6rem;background:#fff;border:3px solid var(--ink);border-radius:20px;padding:.55rem .6rem .55rem 1rem;box-shadow:var(--shadow);color:var(--eu)}
.live-search input{flex:1;min-width:0;border:0;font:inherit;font-size:1.15rem;padding:.6rem .2rem;color:var(--ink);background:transparent}
.live-search input:focus{outline:none}
.live-search button[type=submit]{background:var(--el);color:#fff;border:3px solid var(--ink);border-radius:14px;padding:.65rem 1.3rem;font:inherit;font-weight:800;cursor:pointer}
.live-search button[type=submit]:hover{background:var(--eu)}
.live-search .close{background:var(--sky);border:2px solid var(--ink);border-radius:10px;padding:.35rem .6rem;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;color:var(--ink)}
.live-results{display:none;position:absolute;left:-3px;right:-3px;top:calc(100% + 10px);background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:var(--shadow);max-height:62vh;overflow:auto;z-index:50;text-align:left}
.live-results.show{display:block}
.live-results ul{list-style:none;margin:0;padding:.4rem}
.live-results li a,.results li a{display:block;padding:.75rem .9rem;border-radius:12px;text-decoration:none;color:var(--ink)}
.live-results li a:hover,.live-results li a.sel{background:var(--sky)}
.live-results strong,.results strong{display:block;font-size:1.02rem;color:var(--eu);line-height:1.35}
.live-results em,.results em{display:block;font-style:normal;font-size:.82rem;color:var(--el);font-weight:700;margin-top:.1rem}
.lr-snip{display:block;font-size:.88rem;color:var(--muted);line-height:1.5;margin-top:.25rem}
.lr-snip mark{background:var(--star);color:var(--ink);border-radius:3px;padding:0 2px}
.lr-type{display:inline-block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--el);color:#fff;border-radius:999px;padding:.08rem .55rem;margin-bottom:.25rem}
.lr-type.post{background:var(--star);color:var(--ink)}
.lr-all{display:block;text-align:center;padding:.75rem;font-weight:800;border-top:2px dashed var(--sky);text-decoration:none}
.lr-empty{padding:1rem 1.2rem;margin:0;color:var(--muted)}

/* ── Fil d'Ariane ────────────────────────────────────────────────────────── */
.crumbs{max-width:var(--w);margin:0 auto;padding:.8rem 1.25rem 0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.2rem .5rem;margin:0;padding:0;font-size:.84rem;color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:.5rem;color:var(--el)}
.crumbs a{color:var(--muted);text-decoration:none;font-weight:600}
.crumbs a:hover{color:var(--el);text-decoration:underline}

/* ── Héros ───────────────────────────────────────────────────────────────── */
.hero{position:relative;overflow:hidden}
.hero-in{max-width:var(--w);margin:0 auto;padding:2.2rem 1.25rem 2.6rem;display:flex;gap:2.5rem;align-items:center}
.hero-txt{flex:1 1 55%;min-width:0}
.hero h1{font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.08;letter-spacing:-.03em;font-weight:900;margin:.6rem 0 .8rem}
.lead{font-size:1.18rem;line-height:1.6;margin:0 0 1rem;max-width:62ch}
.hero-page{background:linear-gradient(135deg,#fff 0%,var(--sky) 100%);border-bottom:3px solid var(--ink)}
.hero-page h1{color:var(--eu)}
.hero-img{flex:0 1 44%;margin:0;border:3px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:8px 8px 0 var(--silo,var(--el));background:var(--sky);aspect-ratio:16/9}
.hero-img img{width:100%;height:100%;object-fit:cover}
.silo-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--silo,var(--el));color:#fff;border:2px solid var(--ink);border-radius:999px;padding:.25rem .8rem;font-size:.82rem;font-weight:800;text-decoration:none;box-shadow:2px 2px 0 var(--ink)}
a.silo-chip:hover{color:#fff}
.meta-line{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin:0;font-size:.86rem;color:var(--muted);font-weight:600}
.meta-line span{display:inline-flex;align-items:center;gap:.35rem}
.hero-legal h1{font-size:clamp(1.8rem,3vw,2.4rem)}
@media (max-width:900px){.hero-in{flex-direction:column;align-items:stretch;gap:1.5rem}.hero-img{order:-1}}

.hero-home{background:radial-gradient(circle at 80% 10%,#3a63ff 0%,var(--eu) 45%,#00206b 100%);color:#fff;border-bottom:5px solid var(--star)}
.hero-stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-home-in{flex-direction:column;align-items:center;text-align:center;padding:1.6rem 1.25rem 2rem;position:relative}
.hero-home h1{color:#fff;font-size:clamp(2.1rem,4.6vw,3.6rem);max-width:18ch;margin:.4rem auto .6rem}
.hero-home h1::after{content:"";display:block;width:110px;height:8px;background:var(--star);border-radius:8px;margin:.7rem auto 0}
.hero-home .lead{color:#E7EDFF;margin:0 auto 1.1rem}
.kicker{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.35);border-radius:999px;padding:.3rem .95rem;font-size:.84rem;font-weight:700;margin:0}
.hero-search{width:100%;max-width:820px;margin:0 auto}
.hero-search input{font-size:1.2rem}
.hero-home .hero-search{padding:.7rem .7rem .7rem 1.2rem}
.chips{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:1.3rem;font-size:.86rem;align-items:center}
.chips>span{opacity:.85;font-weight:600}
.chip-btn{background:rgba(255,255,255,.12);color:#fff;border:2px solid rgba(255,255,255,.45);border-radius:999px;padding:.3rem .8rem;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}
.chip-btn:hover{background:var(--star);color:var(--ink);border-color:var(--star)}
.hero-search-page .hero-search{margin:1rem 0 0;max-width:860px}

/* ── Mise en page des guides ─────────────────────────────────────────────── */
.page-grid{display:grid;grid-template-columns:minmax(0,var(--prose)) 300px;gap:3rem;justify-content:center;padding-top:2.4rem;padding-bottom:3rem}
.page-grid.single{grid-template-columns:minmax(0,var(--prose))}
@media (max-width:1100px){.page-grid{grid-template-columns:minmax(0,1fr)}.side{order:-1}}
.side{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:1.2rem}
@media (max-width:1100px){.side{position:static}.toc{display:none}}
.toc,.texte-box{background:#fff;border:3px solid var(--ink);border-radius:var(--r);padding:1rem 1.1rem;box-shadow:var(--shadow-s)}
.side-h{display:flex;align-items:center;gap:.4rem;font-weight:900;margin:0 0 .5rem;color:var(--eu);font-size:.95rem;text-transform:uppercase;letter-spacing:.04em}
.toc ol{margin:0;padding-left:1.2rem;font-size:.9rem;line-height:1.45}
.toc li{margin:.35rem 0}
.toc a{text-decoration:none;color:var(--ink);font-weight:600}
.toc a:hover,.toc a.on{color:var(--el)}
.toc a.on{font-weight:800}
.art-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.art-chips span{background:var(--star);color:var(--ink);border:2px solid var(--ink);border-radius:10px;padding:.15rem .55rem;font-weight:800;font-size:.85rem;text-decoration:none}

/* ── Texte (prose) ───────────────────────────────────────────────────────── */
.prose{min-width:0}
.prose>*:first-child{margin-top:0}
.prose h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.2;letter-spacing:-.02em;color:var(--eu);margin:2.6rem 0 .7rem;font-weight:900;position:relative;padding-left:1.1rem}
.prose h2::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:7px;border-radius:6px;background:var(--star);box-shadow:2px 2px 0 var(--ink)}
.prose h3{font-size:1.25rem;line-height:1.3;color:var(--ink);margin:1.8rem 0 .4rem;font-weight:800}
.prose p{margin:0 0 1rem}
.prose ul,.prose ol{margin:0 0 1.1rem;padding-left:1.3rem}
.prose li{margin:.25rem 0}
.prose strong{color:var(--eu);font-weight:800}
.prose em{font-style:italic}
.prose blockquote{margin:1.4rem 0;padding:1rem 1.2rem 1rem 1.4rem;background:#fff;border-left:7px solid var(--el);border-radius:0 14px 14px 0;font-size:1.02rem}
.prose blockquote cite{display:block;font-size:.84rem;color:var(--muted);font-style:normal;margin-top:.4rem;font-weight:700}
.prose table,.prose-home table{width:100%;border-collapse:separate;border-spacing:0;margin:1.4rem 0;font-size:.95rem;background:#fff;border:3px solid var(--ink);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-s)}
.prose th,.prose-home th{background:var(--eu);color:#fff;text-align:left;padding:.7rem .9rem;font-weight:800}
.prose td,.prose-home td{padding:.65rem .9rem;border-top:1px solid #D4DCF7;vertical-align:top}
.prose tr:nth-child(even) td,.prose-home tr:nth-child(even) td{background:#F3F6FF}
.table-scroll{overflow-x:auto}
.prose a{font-weight:700}
.prose figure{margin:1.6rem 0}
.essentiel{background:var(--ink);color:#fff;border-radius:var(--r);padding:1.1rem 1.3rem;margin:0 0 2rem;box-shadow:6px 6px 0 var(--star)}
.essentiel-h{display:flex;align-items:center;gap:.5rem;font-weight:900;margin:0 0 .4rem;color:var(--star);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}
.essentiel ul{margin:0;padding-left:1.2rem}
.essentiel li{margin:.3rem 0}
.essentiel strong{color:var(--star)}

/* ── Infographies ────────────────────────────────────────────────────────── */
.ig{background:#fff;border:3px solid var(--ink);border-radius:22px;padding:1.2rem 1.3rem 1.3rem;box-shadow:var(--shadow);margin:2rem 0}
.ig-title{display:flex;align-items:center;gap:.45rem;font-weight:900;color:var(--eu);font-size:1.05rem;margin:0 0 1rem;line-height:1.3}
.ig-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;counter-reset:s}
.ig-steps li{display:flex;gap:.75rem;align-items:flex-start;margin:0;position:relative}
.ig-steps li strong{display:block;color:var(--ink);font-size:1rem;line-height:1.3;margin:.2rem 0 .15rem}
.ig-steps li span{display:block;font-size:.88rem;line-height:1.5;color:var(--muted)}
.ig-num{flex-shrink:0}
.ig-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem}
.ig-card{background:var(--paper);border:2px solid var(--ink);border-radius:16px;padding:.9rem;display:flex;flex-direction:column;gap:.35rem}
.ig-card strong{font-size:1rem;line-height:1.3;color:var(--ink)}
.ig-card>span:last-child{font-size:.87rem;line-height:1.5;color:var(--muted)}
.ig-card-ico{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.ig-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem}
.ig-fig{background:var(--el);color:#fff;border:3px solid var(--ink);border-radius:18px;padding:1rem;text-align:center;box-shadow:var(--shadow-s)}
.ig-fig.alt{background:var(--star);color:var(--ink)}
.ig-fig b{display:block;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:900;line-height:1.05;letter-spacing:-.02em}
.ig-fig span{display:block;font-size:.86rem;line-height:1.4;margin-top:.35rem;font-weight:600}
.ig-timeline{list-style:none;margin:0;padding:0 0 0 1.4rem;border-left:5px solid var(--el);display:flex;flex-direction:column;gap:.8rem}
.ig-timeline li{position:relative;margin:0}
.ig-timeline li::before{content:"";position:absolute;left:calc(-1.4rem - 13.5px);top:.35rem;width:16px;height:16px;border-radius:50%;background:var(--star);border:3px solid var(--ink)}
.ig-date{display:inline-block;font-weight:900;color:var(--eu);margin-right:.5rem}
.ig-event{font-size:.95rem}
.ig-duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:640px){.ig-duo-grid{grid-template-columns:1fr}}
.ig-duo-col{border:2px solid var(--ink);border-radius:16px;padding:.9rem 1rem}
.ig-duo-col.a{background:#E9FBF3}
.ig-duo-col.b{background:#FFF0F0}
.ig-duo-col strong{display:flex;align-items:center;gap:.4rem;font-size:1rem}
.ig-duo-col.a strong{color:#08784A}.ig-duo-col.b strong{color:#C02B32}
.ig-duo-col ul{margin:.5rem 0 0;padding-left:1.1rem;font-size:.92rem}
.ig-scroll{overflow-x:auto}
.ig-flow{min-width:560px;width:100%;height:auto}
.ig-cycle{width:100%;max-width:600px;height:auto;margin:0 auto;display:block}
.ig-note{display:flex;gap:.8rem;align-items:flex-start;background:#FFF8D6;border:3px solid var(--ink);border-radius:18px;padding:1rem 1.1rem;margin:1.6rem 0;box-shadow:var(--shadow-s);font-size:.98rem}
.ig-note>svg{flex-shrink:0;color:var(--eu)}
.ig-note.warn{background:#FFE9E9}.ig-note.warn>svg{color:#C02B32}
.ig-note strong{color:var(--ink)}

/* ── Accueil ─────────────────────────────────────────────────────────────── */
.home-body{padding-top:3rem;padding-bottom:3rem}
.prose-home>h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:900;color:var(--eu);letter-spacing:-.02em;margin:3rem 0 .8rem;text-align:center}
.prose-home>h2:first-child{margin-top:0}
.prose-home>p{max-width:820px;margin:0 auto 1rem;text-align:center;font-size:1.06rem}
.prose-home>h3{max-width:820px;margin:1.6rem auto .3rem;color:var(--ink)}
.prose-home .ig{max-width:1000px;margin-left:auto;margin-right:auto}
.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem;margin:1.6rem 0 2rem}
.theme-card{display:flex;flex-direction:column;gap:.45rem;background:#fff;border:3px solid var(--ink);border-radius:22px;padding:1.3rem;text-decoration:none;color:var(--ink);box-shadow:6px 6px 0 var(--c);transition:transform .12s,box-shadow .12s}
.theme-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--c);color:var(--ink)}
.theme-ico{width:58px;height:58px;border-radius:16px;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;border:3px solid var(--ink)}
.theme-card strong{font-size:1.25rem;line-height:1.2;font-weight:900}
.theme-card>span:not(.theme-ico){font-size:.92rem;color:var(--muted);line-height:1.5}
.theme-card em{font-style:normal;font-weight:800;color:var(--el);margin-top:auto}
.home-form{max-width:820px;margin:1.5rem auto 0;background:#fff;border:3px solid var(--ink);border-radius:22px;padding:1.5rem;box-shadow:var(--shadow)}

/* ── Cartes d'articles ───────────────────────────────────────────────────── */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem;margin:1.6rem 0}
.post-grid.two{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.post-card{display:flex;flex-direction:column;background:#fff;border:3px solid var(--ink);border-radius:20px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-s);transition:transform .12s,box-shadow .12s}
.post-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow);color:var(--ink)}
.post-card-img{aspect-ratio:16/9;background:var(--sky);display:flex;align-items:center;justify-content:center;color:var(--el);border-bottom:3px solid var(--ink)}
.post-card-img img{width:100%;height:100%;object-fit:cover}
.post-card-body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.post-card-title{font-weight:900;font-size:1.12rem;line-height:1.3;color:var(--eu)}
.post-card-exc{font-size:.9rem;color:var(--muted);line-height:1.5}
.post-card-meta{margin-top:auto;font-size:.8rem;font-weight:700;color:var(--el)}
.chip{display:inline-block;align-self:flex-start;background:var(--sky);color:var(--eu);border:2px solid var(--ink);border-radius:999px;padding:.12rem .7rem;font-size:.78rem;font-weight:800;text-decoration:none}
a.chip:hover,.chip.on{background:var(--el);color:#fff}
.cat-filter,.filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1.6rem 0 .5rem}
.filters .count{margin-left:auto;font-weight:700;color:var(--muted);font-size:.9rem}
.list-intro{max-width:var(--prose);margin:1.6rem auto}
.more{padding-bottom:3rem}
.section-h{display:flex;align-items:center;gap:.5rem;font-weight:900;font-size:1.4rem;color:var(--eu);margin:0}
.pagination{display:flex;flex-wrap:wrap;gap:.4rem;margin:2rem 0;justify-content:center}
.pagination a,.pagination span{padding:.4rem .85rem;border:2px solid var(--ink);border-radius:10px;background:#fff;font-weight:800;text-decoration:none;color:var(--ink)}
.pagination .current{background:var(--el);color:#fff}
.pagination .dots{border:0;background:none}

/* ── Résultats de recherche ──────────────────────────────────────────────── */
.search-wrap{max-width:900px;padding-top:1rem;padding-bottom:3rem}
.results{list-style:none;margin:1rem 0;padding:0;display:flex;flex-direction:column;gap:.9rem}
.results li a{background:#fff;border:3px solid var(--ink);box-shadow:var(--shadow-s);border-radius:18px;padding:1rem 1.2rem}
.results li a:hover{background:#fff;transform:translate(-2px,-2px);box-shadow:var(--shadow)}
.results strong{font-size:1.15rem}
.suggest{font-size:1.05rem}
.privacy-note{display:flex;gap:.4rem;align-items:center;margin-top:2rem}

/* ── Boutons, formulaires ────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--star);color:var(--ink);border:3px solid var(--ink);border-radius:14px;padding:.6rem 1.2rem;font-weight:900;text-decoration:none;box-shadow:var(--shadow-s)}
.btn:hover{color:var(--ink);transform:translate(-1px,-1px)}
.linklike{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
form input[type=text],form input[type=email],form input[type=tel],form select,form textarea{border:2px solid var(--ink);border-radius:12px;padding:.7rem .9rem;font:inherit;font-size:1rem;width:100%;background:#fff;color:var(--ink)}
form input:focus,form select:focus,form textarea:focus{outline:3px solid var(--star);outline-offset:1px}
form button[type=submit],.qcms-form button,.form-submit{background:var(--el);color:#fff;border:3px solid var(--ink);border-radius:14px;padding:.75rem 1.5rem;font:inherit;font-weight:900;cursor:pointer;box-shadow:var(--shadow-s)}

/* ── Pied de page ────────────────────────────────────────────────────────── */
.site-footer{background:var(--ink);color:#C9D3F5;margin-top:2rem;border-top:6px solid var(--star)}
.ftr{max-width:var(--w);margin:0 auto;padding:2.6rem 1.25rem 1.5rem;display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:2rem;font-size:.92rem}
@media (max-width:820px){.ftr{grid-template-columns:1fr}}
.ftr-logo{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.25rem;margin:0 0 .5rem}
.ftr-h{color:var(--star);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;margin:0 0 .6rem}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin:.35rem 0}
.ftr a,.ftr .linklike{color:#fff;text-decoration:none;font-weight:600}
.ftr a:hover,.ftr .linklike:hover{color:var(--star);text-decoration:underline}
.ftr .small{color:#A9B5E0}
.ftr-bottom{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:1rem;font-size:.8rem;color:#A9B5E0}

/* ── Bandeau cookies (extension cookie-notice, mode thème) ───────────────── */
#cn-root .cn-panel,.cn-panel{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:2147483000;width:calc(100vw - 28px);max-width:560px;background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:20px;box-shadow:var(--shadow);padding:1.1rem 1.2rem;font-family:var(--font);font-size:.95rem;line-height:1.55}
.cn-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}
.cn-title{font-size:1.1rem;font-weight:900;color:var(--eu)}
.cn-logo{height:34px;width:auto}
.cn-logo+.cn-title{display:none}
.cn-msg{margin:0 0 .9rem}
.cn-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:flex-end}
.cn-link{margin-right:auto;font-size:.85rem;font-weight:700;color:var(--el)}
.cn-btn,.cn-btn-primary{min-width:150px;flex:1 1 150px;background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:12px;padding:.6rem 1rem;font:inherit;font-weight:900;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}
.cn-btn:hover{background:var(--sky)}
.cn-reopen,#cn-reopen{position:fixed;left:14px;bottom:14px;z-index:2147482000;background:var(--eu);color:#fff;border:2px solid #fff;border-radius:999px;padding:.4rem .9rem;font:inherit;font-size:.8rem;font-weight:800;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.25)}

/* ── Impression ──────────────────────────────────────────────────────────── */
@media print{.site-header,.site-footer,.side,.crumbs,.search-overlay,#cn-root,#cn-reopen{display:none!important}.page-grid{display:block}body{background:#fff;font-size:12pt}.ig,.hero-img{box-shadow:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ── Checklist ───────────────────────────────────────────────────────────── */
.checklist{margin:2rem 0;display:flex;flex-direction:column;gap:1rem}
.cl-score{position:sticky;top:84px;z-index:5;display:flex;align-items:center;gap:1rem;background:var(--ink);color:#fff;border-radius:18px;padding:.8rem 1.1rem;box-shadow:6px 6px 0 var(--star)}
.cl-score-label{font-weight:900;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;color:var(--star)}
.cl-bar{flex:1;height:14px;background:rgba(255,255,255,.18);border-radius:999px;overflow:hidden}
.cl-bar-in{display:block;height:100%;background:var(--coral);border-radius:999px;transition:width .25s}
.cl-bar-in.mid{background:var(--star)}.cl-bar-in.high{background:#22C55E}
.cl-num{font-weight:900;font-size:1.1rem;min-width:4.5em;text-align:right}
.checklist fieldset{background:#fff;border:3px solid var(--ink);border-radius:18px;padding:1rem 1.2rem;margin:0;box-shadow:var(--shadow-s);position:relative}
.checklist legend{font-weight:900;color:#fff;background:var(--el);border:2px solid var(--ink);border-radius:999px;padding:.15rem .8rem;font-size:.9rem}
.checklist fieldset::after{content:attr(data-score);position:absolute;top:.6rem;right:1rem;font-weight:900;color:var(--el);font-size:.85rem}
.checklist label{display:flex;gap:.6rem;align-items:flex-start;padding:.4rem 0;font-size:.98rem;line-height:1.45;cursor:pointer;border-bottom:1px dashed #D4DCF7}
.checklist label:last-child{border-bottom:0}
.checklist input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:var(--el);margin-top:.1rem}
.cl-actions{display:flex;gap:.6rem;flex-wrap:wrap}
.btn-ghost{background:#fff}
@media print{.cl-actions,.essentiel{display:none}.cl-score{position:static;box-shadow:none}}
/* ── Quiz (extension quiz-quietcms) ──────────────────────────────────────── */
.qcms-quiz{--q-navy:#003399;--q-gold:#FFCC00;--q-bd:#0B1640;margin:1.6rem 0}
.qcms-quiz .qz-card{border:3px solid var(--ink)!important;border-left-width:3px!important;border-radius:22px!important;box-shadow:var(--shadow)!important;padding:1.3rem!important}
.qcms-quiz .qz-q{font-family:var(--font)!important;font-size:1.2rem!important;font-weight:900!important;color:var(--eu)!important}
.qcms-quiz .qz-tag{background:var(--el)!important;border:2px solid var(--ink)}
.qcms-quiz .qz-btn{border:2px solid var(--ink)!important;border-radius:12px!important;font-weight:700!important;font-size:1rem!important;background:#fff!important}
.qcms-quiz .qz-btn:hover:not(:disabled){background:var(--sky)!important}
.qcms-quiz .qz-btn.is-correct{background:#E9FBF3!important;color:#08784A!important}
.qcms-quiz .qz-btn.is-wrong{background:#FFF0F0!important;color:#C02B32!important}
.qcms-quiz .qz-next{background:var(--star)!important;color:var(--ink)!important;border:3px solid var(--ink)!important;border-radius:12px!important;font-weight:900!important;font-size:1rem!important}
/* ── FAQ ─────────────────────────────────────────────────────────────────── */
.prose details{background:#fff;border:3px solid var(--ink);border-radius:16px;margin:.7rem 0;box-shadow:var(--shadow-s);overflow:hidden}
.prose summary{cursor:pointer;font-weight:800;padding:.9rem 3rem .9rem 1.1rem;position:relative;list-style:none;color:var(--eu)}
.prose summary::-webkit-details-marker{display:none}
.prose summary::after{content:"+";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--star);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--ink);line-height:1}
.prose details[open] summary::after{content:"−"}
.prose details[open] summary{background:var(--sky)}
.prose details>p{padding:.4rem 1.1rem 1rem;margin:0}
/* ── Plan du site ────────────────────────────────────────────────────────── */
.prose .qcms-plan a,.prose .plan-du-site a{font-weight:600}

/* ── Grille des guides d'une rubrique ────────────────────────────────────── */
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:1rem 0 2rem}
.hub-card{display:flex;flex-direction:column;background:#fff;border:3px solid var(--ink);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:4px 4px 0 var(--c);transition:transform .12s,box-shadow .12s}
.hub-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--c);color:var(--ink)}
.hub-img{aspect-ratio:16/9;border-bottom:3px solid var(--ink);background:var(--sky)}
.hub-img img{width:100%;height:100%;object-fit:cover}
.hub-body{padding:.75rem .9rem .9rem;display:flex;flex-direction:column;gap:.3rem}
.prose .hub-body strong{color:var(--eu);font-size:1rem;line-height:1.3}
.hub-body span{font-size:.84rem;line-height:1.45;color:var(--muted)}

/* ── Image hero en fond, derrière le H1 ──────────────────────────────────── */
.hero-has-img{color:#fff;border-bottom:5px solid var(--star)}
.hero-bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-has-img::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,24,90,.94) 0%,rgba(0,40,140,.82) 45%,rgba(0,51,153,.38) 100%)}
.hero-has-img .hero-in{position:relative;z-index:2;min-height:420px;padding-top:3rem;padding-bottom:3rem}
.hero-has-img .hero-txt{max-width:760px}
.hero-has-img h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.hero-has-img .lead{color:#EAF0FF}
.hero-has-img .meta-line{color:#DCE6FF}
.hero-has-img .silo-chip{border-color:#fff}
.hero-home.hero-has-img::before{background:radial-gradient(circle at 50% 45%,rgba(0,40,140,.80) 0%,rgba(0,32,107,.90) 60%,rgba(0,20,80,.95) 100%)}
.hero-home .hero-stars{z-index:1}
.hero-home .hero-home-in{z-index:2;min-height:0;padding-top:1.4rem;padding-bottom:1.8rem}
@media (max-width:900px){.hero-has-img::before{background:linear-gradient(180deg,rgba(0,24,90,.88) 0%,rgba(0,40,140,.85) 100%)}.hero-has-img .hero-in{min-height:340px}}