/* ========= Kaolia — styles partagés blog & pages annexes ========= */
:root{
  --porcelaine:#FBFAF7;--cobalt:#16306E;--cobalt-vif:#1E3F94;--or:#C9A227;
  --encre:#14181F;--celadon:#8FA3C8;--brume:#EEF0F6;
  --display:'Gloock',serif;--texte:'Manrope',system-ui,sans-serif;--maxw:1120px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--texte);background:var(--porcelaine);color:var(--encre);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--cobalt)}
:focus-visible{outline:2px solid var(--cobalt-vif);outline-offset:3px;border-radius:2px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--display);font-weight:400;color:var(--cobalt);line-height:1.18}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--or);display:flex;align-items:center;gap:14px;margin-bottom:16px}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--or)}
.btn{display:inline-block;padding:13px 26px;border-radius:2px;font-weight:700;font-size:15px;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease}
.btn-plein{background:var(--cobalt);color:#FFFFFF}
a.btn-plein:link,a.btn-plein:visited,a.btn-plein:hover,a.btn-plein:active{color:#FFFFFF;text-decoration:none}
.btn-plein:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(22,48,110,.25)}
.btn-filet{border:1px solid var(--cobalt);color:var(--cobalt)}
.btn-filet:hover{background:rgba(22,48,110,.05)}

/* Header */
header{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(22,48,110,.12)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:24px;color:var(--encre);text-decoration:none}
.logo-mark{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--or);display:grid;place-items:center;position:relative}
.logo-mark::before{content:"";position:absolute;inset:3px;border-radius:50%;border:1px solid var(--cobalt)}
.logo-mark span{font-family:var(--display);font-size:16px;color:var(--cobalt)}
.nav-retour{font-size:14px;font-weight:700;text-decoration:none;color:var(--cobalt)}
.liseret{height:7px;border-top:1px solid rgba(201,162,39,.55);border-bottom:1px solid rgba(22,48,110,.35)}

/* Blog : liste */
.blog-hero{padding:60px 0 30px}
.blog-hero h1{font-size:clamp(32px,4vw,46px);margin-bottom:12px}
.blog-hero p{max-width:60ch;color:#3a4150}
.filtres{display:flex;flex-wrap:wrap;gap:10px;padding:22px 0 8px}
.filtre{border:1px solid rgba(22,48,110,.3);background:transparent;color:var(--cobalt);padding:8px 18px;font-family:var(--texte);font-size:13.5px;font-weight:700;cursor:pointer;border-radius:2px}
.filtre:hover{background:var(--brume)}
.filtre.actif{background:var(--cobalt);color:var(--porcelaine);border-color:var(--cobalt)}
.grille-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:30px 0 80px}
.carte-article{background:var(--porcelaine);border:1px solid rgba(22,48,110,.16);border-top:3px solid var(--or);padding:28px 26px;display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,box-shadow .18s ease}
.carte-article:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(22,48,110,.12)}
.carte-article .cat{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--or)}
.carte-article h2{font-size:20px}
.carte-article h2 a{color:var(--cobalt);text-decoration:none}
.carte-article h2 a:hover{text-decoration:underline}
.carte-article p{font-size:14.5px;color:#3a4150;flex-grow:1}
.carte-article .meta{font-size:12.5px;color:#6b7280}
.vide{padding:40px 0 80px;color:#6b7280;font-style:italic}

/* Article */
.article-tete{padding:56px 0 34px;max-width:820px;margin:0 auto}
.fil{font-size:13px;color:#6b7280;margin-bottom:20px}
.fil a{color:var(--cobalt);text-decoration:none}
.article-tete h1{font-size:clamp(30px,3.8vw,44px);margin-bottom:18px}
.article-meta{font-size:13.5px;color:#6b7280}
.article-corps{max-width:820px;margin:0 auto;padding-bottom:40px}
.article-corps h2{font-size:27px;margin:44px 0 14px}
.article-corps h3{font-size:20px;margin:30px 0 10px;color:var(--encre)}
.article-corps p{margin-bottom:16px;color:#2c3340}
.article-corps ul,.article-corps ol{margin:0 0 18px 22px;color:#2c3340}
.article-corps li{margin-bottom:8px}
.article-corps strong{color:var(--encre)}
.encart-prompt{background:var(--brume);border:1px solid rgba(22,48,110,.18);padding:20px 24px;margin:20px 0;font-size:15px}
.encart-prompt .etiquette{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--or);display:block;margin-bottom:8px}
.encart-prompt code{font-family:var(--texte);font-style:italic;color:var(--cobalt)}
.cta-article{background:var(--cobalt);color:var(--porcelaine);padding:34px 32px;margin:40px 0;position:relative}
.cta-article::before{content:"";position:absolute;inset:8px;border:1px solid rgba(201,162,39,.55);pointer-events:none}
.cta-article h2{color:var(--porcelaine);margin:0 0 10px;font-size:24px}
.cta-article p{color:#CBD5EC;margin-bottom:18px}
.cta-article .btn-or{background:var(--or);color:var(--encre);position:relative;z-index:1}
a.btn-or:link,a.btn-or:visited,a.btn-or:hover,a.btn-or:active{color:var(--encre);text-decoration:none}
.cta-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0}
.cta-triple a{border:1px solid rgba(22,48,110,.25);padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:6px;transition:background .15s ease}
.cta-triple a:hover{background:var(--brume)}
.cta-triple strong{color:var(--cobalt);font-size:15px}
.cta-triple span{font-size:13px;color:#3a4150}
.similaires{background:var(--brume);padding:56px 0 70px}
.similaires h2{font-size:26px;margin-bottom:26px}
.auteur{display:flex;gap:18px;align-items:center;border:1px solid rgba(22,48,110,.18);padding:20px 24px;margin:36px 0;background:#fff}
.auteur .rond{width:56px;height:56px;border-radius:50%;border:1.5px solid var(--or);display:grid;place-items:center;flex-shrink:0}
.auteur .rond span{font-family:var(--display);font-size:22px;color:var(--cobalt)}
.auteur p{font-size:13.5px;color:#3a4150;margin:0}

/* Pages légales */
.legale{max-width:820px;margin:0 auto;padding:56px 24px 90px}
.legale h1{font-size:clamp(30px,3.6vw,40px);margin-bottom:10px}
.legale h2{font-size:24px;margin:38px 0 12px}
.legale p,.legale li{color:#2c3340;font-size:15.5px}
.legale ul{margin:0 0 16px 22px}
.a-completer{background:#FFF7E0;border:1px dashed var(--or);padding:2px 8px;font-weight:700;color:#7a5d00;font-size:14px}

/* Footer simple */
footer{background:var(--encre);color:rgba(251,250,247,.75);padding:40px 0 30px;font-size:14px;margin-top:40px}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
footer a{color:rgba(251,250,247,.75)}
footer a:hover{color:var(--or)}

@media (max-width:960px){.grille-articles,.cta-triple{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grille-articles,.cta-triple{grid-template-columns:1fr}}