/* Synerbat V8 — pages intérieures et articles */
.evitement{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--or);color:var(--nuit);padding:10px 16px;border-radius:8px;font-weight:600}
.evitement:focus{left:16px}
.nav a[aria-current]{color:var(--or-clair)}
.nav a[aria-current]::after{transform:scaleX(1)}

/* En-tête de page */
.page-heros{position:relative;overflow:hidden;isolation:isolate;padding:clamp(150px,16vw,210px) 0 clamp(64px,8vw,110px)}
.page-heros::before{content:"";position:absolute;top:-40%;right:-20%;width:70vw;height:70vw;background:radial-gradient(closest-side,rgba(201,160,101,.15),transparent 70%);z-index:-1;pointer-events:none}
.page-heros::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--bord) 1px,transparent 1px),linear-gradient(90deg,var(--bord) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(ellipse at 25% 40%,#000 0%,transparent 60%);mask-image:radial-gradient(ellipse at 25% 40%,#000 0%,transparent 60%);opacity:.5}
.page-heros h1{font-size:clamp(2.5rem,5.4vw,5rem);line-height:1.02;max-width:18ch}
.page-heros .chapeau{font-size:clamp(1.05rem,1.3vw,1.25rem);max-width:62ch;margin:28px 0 36px;color:#C9D3DB}
.page-heros .chapeau:empty{display:none}
.page-heros .embleme{width:min(46vw,620px);right:-4vw;opacity:.05}
.page-heros-article h1{font-size:clamp(2.2rem,4.4vw,4rem);max-width:24ch}
.fil{display:flex;flex-wrap:wrap;gap:8px;font-size:.88rem;color:var(--gris);margin-bottom:28px}
.fil a{color:#C9D3DB;text-decoration:none}
.fil a:hover{color:var(--or-clair)}
.fil [aria-current]{color:var(--or-clair)}
.meta{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:30px;font-size:.92rem;color:#C9D3DB}
.meta span+span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--or);margin-right:14px;vertical-align:middle}
.page-404{min-height:80svh;display:flex;align-items:center}

/* Cartes */
.cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.carte{background:#fff;border-radius:14px;padding:34px 32px;box-shadow:0 1px 0 rgba(19,40,59,.06);position:relative;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.carte::before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--or);transform:scaleY(.25);transform-origin:top;transition:transform .6s var(--ease)}
.carte:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(19,40,59,.35)}
.carte:hover::before{transform:scaleY(1)}
.carte h3{margin-bottom:12px}
.carte p{font-size:.98rem}
.carte ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px;font-size:.95rem}
.carte li{padding-left:22px;position:relative}
.carte li::before{content:"";position:absolute;left:0;top:.72em;width:10px;height:1px;background:#9A6E2E}

.deux-colonnes{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(40px,6vw,100px);align-items:center}
.deux-colonnes .btn{margin-top:32px}
.prix-ligne{margin-top:24px}
.prix-ligne b{color:var(--or-clair)}
.section-claire .prix-ligne b{color:#9A6E2E}
.encart{padding:clamp(28px,3vw,44px);border-radius:18px;border:1px solid var(--bord);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
.encart h3{margin-bottom:14px}
.encart-clair{background:#fff;border-color:rgba(19,40,59,.08)}
.lien{display:inline-block;margin-top:8px;font-weight:600;color:var(--or-clair);text-decoration:none}
.lien::after{content:"\2192";margin-left:.4em}
.encart-clair .lien,.section-claire .lien{color:#9A6E2E}

/* Appel à l'action */
.appel{padding:clamp(64px,8vw,120px) 0}
.appel-boite{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:40px;align-items:center;padding:clamp(32px,4.5vw,64px);border-radius:22px;border:1px solid rgba(201,160,101,.35);background:radial-gradient(circle at 90% 0%,rgba(201,160,101,.18),transparent 55%),var(--nuit-2)}
.appel-boite h2{font-size:clamp(1.9rem,3.4vw,3rem)}
.appel-boite p{margin:18px 0 0}
.appel-actions{display:flex;flex-wrap:wrap;gap:12px}

/* Blog */
.articles-blog{grid-template-columns:repeat(2,minmax(0,1fr))}
.meta-carte{font-size:.85rem;color:#6B7883}

/* Lecture d'un article */
.lecture{padding:clamp(56px,7vw,100px) 0}
.prose{max-width:760px;margin-inline:auto;font-size:1.08rem;line-height:1.8;color:#2F3B45}
.prose>*{max-width:none}
.prose p{margin:0 0 1.2em}
.prose .intro{font-size:1.22rem;line-height:1.7;color:var(--encre)}
.prose h2{font-size:clamp(1.7rem,2.6vw,2.3rem);color:var(--encre);margin:2.2em 0 .7em;line-height:1.15}
.prose h3{font-size:1.4rem;color:var(--encre);margin:1.8em 0 .6em}
.prose a{color:#8A5F22;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(154,110,46,.45)}
.prose a:hover{text-decoration-color:currentColor}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.4em}
.prose li{margin-bottom:.55em}
.prose li::marker{color:#9A6E2E}
.prose strong{color:var(--encre)}
.prose em{color:inherit}
.prose img,.prose svg{max-width:100%;height:auto}
.prose figure{margin:2em 0}
.prose figcaption,.prose .article-figure+p,.prose .article-cover+p{margin-top:14px}
.prose figcaption{font-size:.9rem;font-style:italic;color:#55636C}
.table-wrap{overflow-x:auto;margin:1.6em 0}
.prose table{width:100%;border-collapse:collapse;font-size:.96rem;background:#fff;border-radius:12px;overflow:hidden}
.prose th,.prose td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(19,40,59,.1)}
.prose th{background:var(--encre);color:#fff;font-weight:600}
.avis-expert,.prose .article-callout{margin:2em 0;padding:26px 30px;background:#fff;border-left:3px solid var(--or);border-radius:0 14px 14px 0;box-shadow:0 1px 0 rgba(19,40,59,.06)}
.avis-expert p:last-child,.prose .article-callout p:last-child{margin-bottom:0}
.avis-expert-titre{display:block;font:600 .8rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#9A6E2E;margin-bottom:12px}
.prose .article-toc{margin:2em 0;padding:24px 30px;border:1px solid rgba(19,40,59,.12);border-radius:14px;background:rgba(255,255,255,.6)}
.prose .article-toc ol,.prose .article-toc ul{margin:0}
.prose .article-cover,.prose .article-figure{border-radius:16px;overflow:hidden}
.faq-article{margin-top:1em}
.faq-article summary{font-size:1.15rem}
.sources{font-size:.85rem;color:#6B7883;border-top:1px solid rgba(19,40,59,.12);padding-top:18px;margin-top:2.4em}
.auteur{max-width:760px;margin:48px auto 0;display:flex;gap:20px;align-items:center;padding:22px;background:#fff;border-radius:16px}
.auteur img{width:72px;height:90px;object-fit:cover;border-radius:10px;flex:none}
.auteur b{display:block;color:var(--encre);font-size:1.05rem}
.auteur span{font-size:.92rem;color:#55636C}

@media (max-width:960px){
  .cartes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .deux-colonnes,.appel-boite{grid-template-columns:1fr}
  .articles-blog{grid-template-columns:1fr}
}
@media (max-width:640px){
  .cartes{grid-template-columns:1fr}
  .prose{font-size:1.02rem}
  .auteur{flex-direction:column;align-items:flex-start}
  .appel-actions .btn{width:100%;justify-content:center}
}