/* Pages « Conseils » de cabinet.kinefit.studio (26/10/2026).
   Reprend les couleurs, l'en-tête, les boutons et le pied de page de l'accueil (index.html, style en ligne) :
   si ceux de l'accueil changent, ce fichier se met à jour avec eux. */
:root{
  --cream:#FFE7C2; --cream2:#F7E8CB; --offwhite:#F2F1EC;
  --petrol:#2C4A5A; --petrol-txt:#365B6D; --petrol-dark:#213947;
  --orange:#FF8B45; --orange-dark:#E9701F; --taupe:#B2AFA4; --filet:#EFDBB4;
  --maxw:1080px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Poppins',system-ui,sans-serif;color:var(--petrol-dark);background:var(--offwhite);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased}
h1,h2,h3{color:var(--petrol);font-weight:700;line-height:1.2;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.etroit{max-width:780px}
.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}
.btn{display:inline-block;padding:14px 26px;border-radius:40px;font-weight:600;font-size:.98rem;transition:.18s;cursor:pointer;border:2px solid transparent}
.btn-primary{background:var(--orange-dark);color:#fff}
.btn-primary:hover{background:#d1620f;transform:translateY(-1px)}
.btn-ghost{border-color:rgba(255,255,255,.35);color:#fff}
.btn-ghost:hover{border-color:var(--orange);color:#fff}

/* En-tête, comme l'accueil */
header{position:sticky;top:0;z-index:50;background:rgba(255,231,194,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--filet)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:52px;width:auto;display:block}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{font-size:.92rem;font-weight:500;color:var(--petrol-txt)}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--orange-dark)}
.nav-cta{padding:10px 20px;font-size:.9rem}

/* Bandeau du titre */
.tete{background:var(--petrol);color:#eaf1f4;padding:34px 0 40px}
.ariane{font-size:.85rem;color:#9db4bf;margin-bottom:22px}
.ariane a{color:#cddbe1;text-decoration:underline;text-underline-offset:3px}
.ariane a:hover{color:#fff}
.tete h1{color:#fff;font-size:2.35rem;margin:10px 0 0;text-wrap:balance}
.tete .intro{color:#cddbe1;font-size:1.08rem;margin-top:16px;max-width:40em}
.signature{display:flex;align-items:center;gap:12px;margin-top:22px;color:#cddbe1;font-size:.9rem;line-height:1.45}
.signature img{flex:0 0 auto;width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25)}
.signature b{color:#fff;font-weight:600}

/* Corps de l'article */
.corps{padding:40px 0 64px}
.chapo p{font-size:1.14rem;line-height:1.7;color:var(--petrol-dark);font-weight:500}
.corps section{margin-top:44px}
.corps h2{font-size:1.5rem}
.corps h2::after{content:"";display:block;width:56px;height:4px;background:var(--orange);border-radius:3px;margin:12px 0 18px}
.corps h3{font-size:1.08rem;margin:26px 0 6px}
.corps p{font-size:1.03rem;line-height:1.75;color:var(--petrol-txt);margin-bottom:14px}
.corps p b,.corps li b{color:var(--petrol-dark);font-weight:600}
.corps ul,.corps ol{margin:4px 0 18px;padding-left:1.4em;color:var(--petrol-txt)}
.corps li{font-size:1.03rem;line-height:1.7;margin:7px 0;padding-left:.2em}
.corps ul li::marker{color:var(--orange)}
.corps ol li::marker{color:var(--orange-dark);font-weight:700}
.corps a{color:var(--orange-dark);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.corps p.alerte{background:#fff;border-left:5px solid var(--orange-dark);border-radius:10px;padding:16px 20px;margin:6px 0 18px;color:var(--petrol-dark);font-weight:600;box-shadow:0 6px 22px rgba(44,74,90,.06)}

/* Questions */
.faq h3{margin-top:24px}
.faq h3+p{margin-bottom:6px}

/* Au cabinet */
.corps section.cabinet{background:var(--petrol);border-radius:18px;padding:30px 28px 32px;margin-top:52px}
.cabinet h2{color:#fff}
.cabinet p{color:#cddbe1}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.corps .cta a{text-decoration:none;color:#fff}
.corps .cta .btn-primary{color:#fff}

/* À lire aussi, sources */
.voir ul{list-style:none;padding:0}
.voir li{margin:8px 0}
.corps section.sources{margin-top:48px;padding-top:22px;border-top:1px solid #e2ddd0}
.sources h2{font-size:1.05rem}
.sources h2::after{display:none}
.sources ul{margin-top:10px}
.sources li{font-size:.86rem;line-height:1.55;overflow-wrap:anywhere}
.sources a{font-weight:500}
.retour{margin-top:28px}
.corps p.avertissement{font-size:.84rem;color:#7d8b91;margin-top:18px}

/* Sommaire */
.domaine{margin-top:40px}
.grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.corps a.carte-conseil{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:16px;padding:24px;border-top:4px solid var(--orange);box-shadow:0 6px 22px rgba(44,74,90,.06);transition:.18s;text-decoration:none;font-weight:400;color:inherit}
.carte-conseil:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(44,74,90,.12)}
.carte-conseil h3{font-size:1.1rem;margin:0}
.carte-conseil p{font-size:.95rem;line-height:1.6;margin:0}
.carte-conseil .lire{margin-top:auto;padding-top:6px;color:var(--orange-dark);font-weight:600;font-size:.92rem}

/* Pied de page, comme l'accueil */
footer{background:var(--petrol-dark);color:#9db4bf;padding:40px 0;font-size:.9rem}
footer .brand-f{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;margin-bottom:12px}
footer .brand-f img{height:46px}
footer .liens{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 16px}
footer .disc{font-size:.82rem;color:#7f97a3;margin-top:14px;max-width:60em}
footer a{color:#cddbe1}

@media(max-width:860px){
  .nav-links{display:none}
  .tete h1{font-size:1.95rem}
}
@media(max-width:560px){
  .tete{padding:26px 0 32px}
  .tete h1{font-size:1.62rem}
  .ariane{margin-bottom:16px}
  .corps{padding:30px 0 52px}
  .chapo p{font-size:1.06rem}
  .corps h2{font-size:1.3rem}
  .corps section.cabinet{padding:24px 20px 26px;margin-left:-6px;margin-right:-6px}
  .cta .btn{width:100%;text-align:center}
  .grille{grid-template-columns:1fr}
}