/* ═══════════════════════════════════════════════════════════════
   accueil-pages.css — La Pousterle de Sabran
   Pages secondaires (piliers « *-gard », blog, pages légales,
   merci / 404) au style de l'accueil (maquette A, 25/09/2026).
   Restyle les classes de contenu des anciens gabarits avec le
   vocabulaire d'accueil.css (palette, Cormorant 300, filets verts,
   cartes 8px bordées, bandeau vert final).
   Ordre : common.css → accueil.css → <style> de la page → polish.css
   → accueil-pages.css. Aucune nouvelle couleur.
   ═══════════════════════════════════════════════════════════════ */

main{display:block}

/* ════ FIL D'ARIANE ════ */
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 10px;background:var(--sable);
  padding:calc(var(--nav-h) + 18px) clamp(20px,5vw,80px) 0;font-family:var(--fb);font-size:11px;font-weight:400;letter-spacing:.16em;
  text-transform:uppercase;line-height:1.5;color:var(--texte-lt)}
.breadcrumb a{display:inline-flex;align-items:center;min-height:40px;padding:0 3px;color:var(--texte-lt);text-decoration:none;transition:color .3s}
.breadcrumb a:hover{color:var(--vert)}
.breadcrumb .sep{opacity:.5}
.breadcrumb .current{color:var(--texte);font-weight:400;padding:10px 0}
/* piliers : posé sur la photo d'ouverture */
.pg-pilier .breadcrumb{position:absolute;top:var(--nav-h);left:0;right:0;z-index:6;justify-content:flex-start;background:none;
  padding:10px clamp(20px,6vw,88px) 0;color:rgba(247,243,236,.66);text-shadow:0 1px 12px rgba(26,24,20,.55)}
.pg-pilier .breadcrumb a{color:rgba(247,243,236,.86)}
.pg-pilier .breadcrumb a:hover{color:var(--blanc)}
.pg-pilier .breadcrumb .current{color:rgba(247,243,236,.96)}

/* ════ OUVERTURE PHOTO DES PILIERS (.hero-banner) ════ */
.hero-banner{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
  text-align:left;background:var(--encre);min-height:clamp(480px,68vh,740px);min-height:clamp(480px,68svh,740px);
  padding:calc(var(--nav-h) + 84px) clamp(20px,6vw,88px) clamp(48px,8vh,92px)}
.hero-banner::before{content:'';position:absolute;inset:0;z-index:-2;
  background:var(--r-hb,url('/images/village-drone-soir.webp')) 50% 50%/cover no-repeat}
@media(orientation:portrait){.hero-banner::before{background-image:var(--r-hb-m,var(--r-hb,url('/images/village-drone-soir-mobile.webp')))}}
.hero-banner::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(to top,rgba(26,24,20,.9) 0%,rgba(26,24,20,.66) 32%,rgba(26,24,20,.3) 58%,rgba(26,24,20,.06) 80%,transparent 92%),
    linear-gradient(to right,rgba(26,24,20,.56) 0%,rgba(26,24,20,.22) 44%,transparent 70%),
    linear-gradient(to bottom,rgba(26,24,20,.5) 0%,rgba(26,24,20,.12) 22%,transparent 34%)}
@media(max-width:1023px){.hero-banner::after{background:
    linear-gradient(to top,rgba(26,24,20,.94) 0%,rgba(26,24,20,.82) 34%,rgba(26,24,20,.52) 58%,rgba(26,24,20,.16) 80%,transparent 92%),
    linear-gradient(to bottom,rgba(26,24,20,.5) 0%,rgba(26,24,20,.1) 22%,transparent 32%)}}
.hero-banner>*{position:relative;width:100%;max-width:920px}
.hero-banner .content-wrap{max-width:920px;margin:0;padding:0;color:inherit;font-size:inherit}
.hero-banner h1{font-family:var(--fd);font-weight:300;font-size:clamp(1.8rem,4.4vw,3.5rem);letter-spacing:.04em;line-height:1.16;color:var(--blanc);
  margin:0;hyphens:none;overflow-wrap:break-word;text-wrap:balance;text-shadow:0 1px 22px rgba(26,24,20,.45)}
.hero-banner h1 em{font-style:italic;color:rgba(247,243,236,.8)}
.hero-banner>h1:first-child::before{content:'';display:block;width:44px;height:1px;background:rgba(247,243,236,.5);margin-bottom:clamp(16px,2.6vw,24px)}
.hero-banner .hero-sub{font-family:var(--fd);font-style:italic;font-weight:300;font-size:clamp(1.06rem,2.2vw,1.26rem);line-height:1.6;color:rgba(247,243,236,.9);
  max-width:560px;margin:clamp(14px,2.4vw,22px) 0 0;text-shadow:0 1px 18px rgba(26,24,20,.5)}
.hero-banner .tag{display:flex;align-items:center;gap:12px;font-family:var(--fb);font-size:clamp(11px,1.5vw,12px);font-weight:400;letter-spacing:.26em;
  text-transform:uppercase;color:rgba(247,243,236,.88);margin:0 0 clamp(14px,2.5vw,22px)}
.hero-banner .tag::before{content:'';width:20px;height:1px;background:rgba(247,243,236,.5);flex-shrink:0}
@media(max-width:768px){
  .hero-banner{min-height:clamp(440px,70svh,620px);padding-left:clamp(16px,5vw,28px);padding-right:clamp(16px,5vw,28px)}
  .hero-banner h1{font-size:clamp(1.6rem,7vw,2.1rem);letter-spacing:.02em;line-height:1.16}
  .pg-pilier .breadcrumb{padding-left:clamp(16px,5vw,28px);padding-right:clamp(16px,5vw,28px)}
}

/* ════ SECTIONS DE CONTENU ════ */
.section-blanc,.section-white,.section-sable{position:relative;padding:clamp(56px,9vw,104px) 0}
.section-blanc,.section-white{background:var(--blanc)}
.section-sable{background:var(--sable)}
/* séparateurs ondulés, comme l'accueil */
:is(.section-blanc,.section-white):has(+ .section-sable)::after,
.section-sable:has(+ :is(.section-blanc,.section-white))::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:40px;pointer-events:none;z-index:1;background-size:100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0,24 C240,48 480,0 720,24 C960,48 1200,0 1440,24 L1440,48 L0,48Z' fill='%23F7F3EC'/%3E%3C/svg%3E")}
.section-sable:has(+ :is(.section-blanc,.section-white))::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0,24 C240,48 480,0 720,24 C960,48 1200,0 1440,24 L1440,48 L0,48Z' fill='%23FFFFFF'/%3E%3C/svg%3E")}

/* colonne de lecture */
.content-wrap,.page-content,.article-body,.legal-content{max-width:calc(760px + 2 * clamp(20px,5vw,40px));margin:0 auto;padding-left:clamp(20px,5vw,40px);padding-right:clamp(20px,5vw,40px)}
:is(.content-wrap,.page-content,.article-body,.legal-content){font-family:var(--fb);font-weight:300;font-size:clamp(.95rem,1.1vw,1rem);line-height:1.85;color:var(--texte);hyphens:manual}
:is(.content-wrap,.page-content,.article-body,.legal-content)>h2{font-family:var(--fd);font-weight:300;font-size:clamp(1.6rem,4.8vw,2.35rem);line-height:1.15;
  letter-spacing:.02em;color:var(--encre);margin:0 0 22px;hyphens:none;overflow-wrap:break-word}
:is(.content-wrap,.page-content,.article-body,.legal-content)>h2::after{content:'';display:block;width:32px;height:1px;background:var(--vert-xs);margin-top:16px}
:is(.content-wrap,.page-content,.article-body,.legal-content)>h2 em{font-style:italic;color:var(--texte-lt)}
:is(.content-wrap,.page-content,.article-body,.legal-content)>*+h2{margin-top:clamp(44px,6vw,64px)}
:is(.content-wrap,.page-content,.article-body,.legal-content)>h3{position:relative;padding-left:30px;font-family:var(--fd);font-weight:400;
  font-size:clamp(1.26rem,2.6vw,1.46rem);line-height:1.3;color:var(--encre);margin:34px 0 10px}
:is(.content-wrap,.page-content,.article-body,.legal-content)>h3::before{content:'';position:absolute;left:0;top:.7em;width:18px;height:1px;background:var(--vert-lt)}
:is(.content-wrap,.page-content,.article-body,.legal-content)>h2+h3{margin-top:10px}
:is(.content-wrap,.page-content,.article-body,.legal-content) p{margin:0 0 16px}
:is(.content-wrap,.page-content,.article-body,.legal-content) p:last-child{margin-bottom:0}
:is(.content-wrap,.page-content,.article-body,.legal-content) strong{font-weight:500;color:var(--encre)}
:is(.content-wrap,.page-content,.article-body,.legal-content) ul{list-style:none;margin:0 0 22px;padding:0}
:is(.content-wrap,.page-content,.article-body,.legal-content) ul>li{position:relative;padding-left:24px;margin-bottom:10px}
:is(.content-wrap,.page-content,.article-body,.legal-content) ul>li::before{content:'';position:absolute;left:2px;top:.92em;width:11px;height:1px;background:var(--vert-lt)}
:is(.content-wrap,.page-content,.article-body,.legal-content) ol{margin:0 0 22px;padding-left:1.5em}
:is(.content-wrap,.page-content,.article-body,.legal-content) ol>li{margin-bottom:10px;padding-left:6px}
:is(.content-wrap,.page-content,.article-body,.legal-content) ol>li::marker{color:var(--vert);font-family:var(--fd);font-size:1.12em}
:is(.content-wrap,.page-content,.article-body,.legal-content) :is(ul,ol):last-child{margin-bottom:0}
:is(.content-wrap,.page-content,.article-body,.legal-content) a:not([class]),.text-link,.internal-link{color:var(--vert);text-decoration:underline;
  text-decoration-color:var(--vert-xs);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .3s,text-decoration-color .3s}
:is(.content-wrap,.page-content,.article-body,.legal-content) a:not([class]):hover,.text-link:hover,.internal-link:hover{color:var(--vert);text-decoration-color:var(--vert)}
:is(.content-wrap,.page-content,.article-body,.legal-content) img{display:block;max-width:100%;height:auto}
:is(.content-wrap,.page-content,.article-body,.legal-content) blockquote{margin:30px 0;padding:6px 0 6px 24px;border-left:2px solid var(--vert-xs);
  font-family:var(--fd);font-style:italic;font-weight:300;font-size:clamp(1.2rem,2.6vw,1.4rem);line-height:1.55;color:var(--texte);background:none}

/* chapeau encadré (.intro-highlight / .intro-lead / .lead) et encarts */
.intro-highlight,.intro-lead,.lead{font-family:var(--fd);font-weight:300;font-size:clamp(1.18rem,2.5vw,1.4rem);line-height:1.62;color:var(--encre);
  background:var(--sable);border:var(--border);border-top:2px solid var(--vert-xs);border-radius:var(--r);padding:clamp(20px,3.4vw,30px);margin:0 0 clamp(28px,4vw,40px)}
.highlight-box{background:var(--sable);border:var(--border);border-radius:var(--r);padding:clamp(20px,3.4vw,28px);margin:28px 0}
.highlight-box>:first-child{margin-top:0}
.section-sable :is(.intro-highlight,.intro-lead,.lead,.highlight-box){background:var(--blanc)}

/* chiffres clés (comme la bande de stats de l'accueil) */
.key-figures,.stats-row,.chiffres-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:clamp(28px,4vw,40px) 0;background:var(--sable-dk);
  border:var(--border);border-radius:var(--r);overflow:hidden}
@media(min-width:580px){.key-figures,.stats-row,.chiffres-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}}
@media(max-width:579px){:is(.key-fig,.stat-item,.chiffre-card):last-child:nth-child(odd){grid-column:1/-1}}
.key-fig,.stat-item,.chiffre-card{min-width:0;padding:clamp(20px,3.4vw,30px) 10px;text-align:center;background:var(--sable);border:0;border-radius:0;transition:background .3s}
.section-sable :is(.key-fig,.stat-item,.chiffre-card){background:var(--blanc)}
.key-fig-num,.stat-num,.chiffre-num,.chiffre-val{display:block;font-family:var(--fd);font-size:clamp(1.9rem,4.6vw,2.6rem);font-weight:300;letter-spacing:.02em;
  color:var(--vert);line-height:1;margin:0}
.key-fig-label,.stat-label,.chiffre-label{display:block;font-family:var(--fb);font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;
  color:var(--texte-lt);line-height:1.45;margin-top:8px}
/* bande pleine largeur sous l'ouverture (cousinade) */
.chiffres{display:grid;grid-template-columns:1fr 1fr;background:var(--sable);border-bottom:1px solid var(--sable-dk)}
.chiffre-item{padding:clamp(22px,4vw,34px) 12px;text-align:center;border-right:1px solid var(--sable-dk)}
.chiffre-item:nth-child(2n){border-right:0}
.chiffre-item:nth-child(-n+2){border-bottom:1px solid var(--sable-dk)}
@media(min-width:580px){.chiffres{grid-template-columns:repeat(4,1fr)}.chiffre-item{border-bottom:0!important;border-right:1px solid var(--sable-dk)}.chiffre-item:last-child{border-right:0}}

/* déroulé (mariage-gard) et programme jour par jour (blog) : items bordés comme l'accueil */
.timeline,.programme{display:flex;flex-direction:column;gap:10px;margin:30px 0}
.timeline-item,.programme-day,.village{border:var(--border);border-radius:var(--r);background:var(--blanc);padding:clamp(16px,2.6vw,22px) clamp(18px,3vw,26px);margin:0;
  transition:border-color .3s,background .3s}
.village{margin:12px 0}
@media(hover:hover){:is(.timeline-item,.programme-day,.village):hover{border-color:var(--vert-xs);background:var(--papier)}}
:is(.timeline-item,.programme-day,.village) h3{font-family:var(--fd);font-weight:400;font-size:clamp(1.18rem,2.4vw,1.32rem);line-height:1.3;color:var(--encre);margin:0 0 6px}
:is(.timeline-item,.programme-day,.village) p{font-size:.92rem;line-height:1.75;color:var(--texte);margin:4px 0 0}
.village .village-meta{font-family:var(--fd);font-style:italic;font-size:1.02rem;color:var(--texte-lt);margin-top:8px}

/* équipements (gîtes de groupe) : cartes texte de l'accueil */
.equip-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:26px 0 32px}
@media(min-width:600px){.equip-grid{grid-template-columns:1fr 1fr}}
.equip-card{padding:clamp(18px,3vw,24px);border:var(--border);border-radius:var(--r);background:var(--blanc);transition:border-color .3s,box-shadow .4s,transform .4s var(--ease)}
@media(hover:hover){.equip-card:hover{border-color:var(--vert-xs);box-shadow:0 8px 28px rgba(30,28,20,.07);transform:translateY(-3px)}}
.equip-card h3{font-family:var(--fd);font-weight:400;font-size:clamp(1.16rem,2.3vw,1.26rem);color:var(--encre);margin:0 0 6px;line-height:1.3}
.equip-card p{font-size:.88rem;line-height:1.75;color:var(--texte-lt);margin:0}

/* tableau comparatif (blog) */
.compare{width:100%;border-collapse:separate;border-spacing:0;margin:30px 0;border:var(--border);border-radius:var(--r);overflow:hidden;background:var(--blanc);font-size:.9rem}
.compare th,.compare td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--sable-dk);line-height:1.55;font-weight:300}
.compare th{font-family:var(--fb);font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--vert);background:var(--sable)}
.compare tr:last-child td{border-bottom:0}
.compare td:first-child{font-weight:400;color:var(--encre)}
@media(max-width:600px){.compare{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.86rem}.compare th,.compare td{padding:10px 10px}}

/* « En bref » (article moules-frites) */
.article-facts{background:var(--sable);border:var(--border);border-top:2px solid var(--vert-xs);border-radius:var(--r);padding:clamp(20px,3.4vw,28px);margin:30px 0}
.article-facts h3{font-family:var(--fb);font-size:11px;font-weight:400;letter-spacing:.26em;text-transform:uppercase;color:var(--vert);margin:0 0 14px}
.article-facts ul{display:grid;gap:10px;margin:0}
.article-facts li{display:flex;gap:10px;padding-left:0!important;margin:0!important;line-height:1.6}
.article-facts li::before{content:none!important}

/* lien d'action dans le texte (comme .btn-lnk) */
.inline-cta{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:4px;font-family:var(--fb);font-size:11px;font-weight:400;
  letter-spacing:.18em;text-transform:uppercase;color:var(--vert);text-decoration:none;transition:gap .35s var(--ease),color .3s}
.inline-cta::after{content:'→';font-size:13px;letter-spacing:0}
.inline-cta:hover{gap:16px;color:var(--vert)}

/* ════ FAQ ════ */
/* piliers : accordéon d'accueil.js (hauteur mesurée), pastille .faq-icon */
.faq-list{margin-top:8px}
.faq-a{max-height:0;overflow:hidden;padding-top:0!important;visibility:hidden;transition:max-height .5s var(--ease-slow,ease),visibility 0s linear .5s}
.faq-item.open .faq-a{visibility:visible;transition:max-height .5s var(--ease-slow,ease),visibility 0s}
.faq-item.open .faq-a,.faq-a.open{padding-top:0!important}
.faq-a::after{content:'';display:block;height:18px}
.faq-a p{margin:0 0 10px}
.faq-a p:last-child,.faq-a-inner{margin-bottom:0}
.faq-q{letter-spacing:.01em}
/* blog : questions / réponses toujours visibles */
.faq{margin-top:28px}
.faq .faq-item{padding:18px 0}
.faq .faq-q{display:block;padding:0 0 6px;cursor:default;font-size:clamp(1.14rem,2.2vw,1.24rem);color:var(--encre)}
.faq .faq-q:hover{color:var(--encre)}
.faq .faq-a,.faq .faq-item.open .faq-a{max-height:none!important;overflow:visible;visibility:visible!important;padding:0!important;font-size:.93rem;line-height:1.8;color:var(--texte-lt)}
.faq .faq-a::after{content:none}

/* ════ BANDEAU FINAL VERT (comme .cta-fin) ════ */
.cta-block,.cta-section,.article-cta{position:relative;isolation:isolate;overflow:hidden;background:var(--vert);color:rgba(247,243,236,.88);text-align:center;
  padding:clamp(64px,10vw,112px) clamp(20px,5vw,80px);margin:0}
:is(.cta-block,.cta-section,.article-cta)::before,:is(.cta-block,.cta-section,.article-cta)::after{content:'';position:absolute;z-index:-1;border-radius:50%;background:rgba(255,255,255,.045);pointer-events:none}
:is(.cta-block,.cta-section,.article-cta)::before{right:-90px;top:-90px;width:320px;height:320px}
:is(.cta-block,.cta-section,.article-cta)::after{left:-120px;bottom:-140px;width:360px;height:360px}
.cta-section .content-wrap{color:inherit}
:is(.cta-block,.cta-section,.article-cta) h2,.cta-section .content-wrap>h2{font-family:var(--fd);font-weight:300;font-size:clamp(1.6rem,5vw,2.6rem);line-height:1.14;letter-spacing:.03em;
  color:var(--sable);max-width:720px;margin:0 auto 18px;text-wrap:balance}
:is(.cta-block,.cta-section,.article-cta) h2::after,.cta-section .content-wrap>h2::after{content:'';display:block;width:32px;height:1px;background:rgba(247,243,236,.35);margin:16px auto 0}
:is(.cta-block,.cta-section,.article-cta) p,.cta-section .content-wrap p{font-family:var(--fd);font-style:italic;font-weight:300;font-size:clamp(1.08rem,2.4vw,1.26rem);
  line-height:1.6;color:rgba(247,243,236,.88);max-width:560px;margin:0 auto 28px}
:is(.cta-block,.cta-section,.article-cta) :is(.btn-white,.btn-primary,.cta-btn),.article-cta>a,.article-cta>div>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;
  padding:14px 28px;background:var(--blanc);color:var(--vert);border:0;border-radius:0;font-family:var(--fb);font-size:12px;font-weight:400;letter-spacing:.18em;
  text-transform:uppercase;text-decoration:none;line-height:1.5;opacity:1;transition:background .3s,transform .3s var(--ease)}
:is(.cta-block,.cta-section,.article-cta) :is(.btn-white,.btn-primary,.cta-btn):hover,.article-cta>a:hover,.article-cta>div>a:hover{background:var(--sable);color:var(--vert);transform:translateY(-1px);opacity:1}
.cta-section .btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 26px;background:transparent;border:1px solid rgba(247,243,236,.34);
  border-radius:0;color:rgba(247,243,236,.92);font-family:var(--fb);font-size:12px;font-weight:300;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;line-height:1.5;transition:all .3s var(--ease)}
.cta-section .btn-outline:hover{border-color:rgba(247,243,236,.7);color:var(--blanc);background:transparent}
.cta-btns{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
@media(min-width:760px){.cta-btns{flex-direction:row;flex-wrap:wrap}}
.cta-phone,.cta-tel{display:flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;margin:18px auto 0;font-family:var(--fb);font-size:.9rem;
  font-weight:300;letter-spacing:.04em;color:rgba(247,243,236,.95);text-decoration:underline;text-decoration-color:rgba(247,243,236,.35);text-underline-offset:3px}
.cta-phone:hover,.cta-tel:hover{color:var(--blanc);text-decoration-color:var(--blanc)}
/* texte d'appoint à couleur en ligne (séminaire) : lisible sur le vert */
.cta-section p[style]{color:rgba(247,243,236,.8)!important;font-family:var(--fb);font-style:normal;font-size:.9rem!important;margin-bottom:0}
.cta-section p[style] a{color:var(--sable)!important}
/* cousinade : bandeau posé dans une section sable → pleine largeur, sans vague au-dessus */
.section-sable:has(>.cta-section){padding:0}
:is(.section-blanc,.section-white):has(+ .section-sable>.cta-section)::after{content:none}
/* article : liens d'action en ligne dans le bandeau */
.article-cta>div>a[style*="transparent"]:hover{background:rgba(255,255,255,.12)!important;color:var(--blanc)!important}

/* ════ BLOG : EN-TÊTES (article, index) ET PAGES LÉGALES ════ */
.article-hero,.blog-hero,.legal-hero{position:relative;background:var(--sable);text-align:center;padding:clamp(22px,4vw,36px) clamp(20px,5vw,80px) clamp(76px,10vw,112px)}
.article-hero::after,.blog-hero::after,.legal-hero::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:40px;pointer-events:none;background-size:100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0,24 C240,48 480,0 720,24 C960,48 1200,0 1440,24 L1440,48 L0,48Z' fill='%23FFFFFF'/%3E%3C/svg%3E")}
:is(.article-hero,.blog-hero,.legal-hero) h1{font-family:var(--fd);font-weight:300;font-size:clamp(1.9rem,5.4vw,3.2rem);line-height:1.14;letter-spacing:.03em;color:var(--encre);
  max-width:880px;margin:0 auto;hyphens:none;overflow-wrap:break-word;text-wrap:balance}
:is(.article-hero,.blog-hero,.legal-hero) h1 em{font-style:italic;color:var(--texte-lt)}
:is(.article-hero,.blog-hero,.legal-hero) h1::after{content:'';display:block;width:32px;height:1px;background:var(--vert-xs);margin:20px auto 0}
.article-hero .article-meta,.legal-hero p{font-family:var(--fb);font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--texte-lt);line-height:1.7;margin:18px auto 0;max-width:640px}
.blog-hero p{font-family:var(--fd);font-style:italic;font-weight:300;font-size:clamp(1.08rem,2.4vw,1.26rem);line-height:1.6;color:var(--texte-lt);max-width:560px;margin:18px auto 0}

/* corps d'article */
.article-body{padding-top:clamp(40px,7vw,76px);padding-bottom:clamp(56px,8vw,96px)}
.article-body>p:first-child{font-family:var(--fd);font-weight:300;font-size:clamp(1.18rem,2.5vw,1.36rem);line-height:1.62;color:var(--encre)}
.article-body figure{margin:0 auto 32px!important;border-radius:var(--r)!important;border:var(--border);box-shadow:none!important}
.legal-content{padding-top:clamp(40px,7vw,76px);padding-bottom:clamp(56px,8vw,96px)}
.legal-content>h2{font-size:clamp(1.45rem,3.8vw,1.9rem)}
.legal-content>h2:first-child{margin-top:0}

/* index du blog : cartes comme les espaces de l'accueil */
.blog-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:1140px;margin:0 auto;padding:clamp(40px,7vw,76px) clamp(20px,5vw,40px) clamp(64px,9vw,104px)}
@media(min-width:760px){.blog-grid{grid-template-columns:1fr 1fr;gap:14px}}
.blog-card{position:relative;display:flex;flex-direction:column;background:var(--blanc);border:var(--border);border-radius:var(--r);overflow:hidden;
  transition:transform .45s var(--ease),box-shadow .45s,border-color .3s}
@media(hover:hover){.blog-card:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(30,28,20,.1);border-color:var(--vert-xs)}}
.blog-card-body{flex:1;display:flex;flex-direction:column;gap:6px;padding:clamp(22px,3.4vw,30px)}
.blog-card-tag{font-family:var(--fb);font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--vert);margin:0}
.blog-card-body h2{font-family:var(--fd);font-size:clamp(1.3rem,2.6vw,1.5rem);font-weight:400;letter-spacing:.01em;line-height:1.25;color:var(--encre);margin:2px 0 0}
.blog-card-body h2 a{color:inherit;text-decoration:none}
.blog-card-body p{font-size:.9rem;font-weight:300;line-height:1.75;color:var(--texte-lt);margin:4px 0 0;hyphens:auto}
.blog-card .blog-card-link{position:static!important;align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;margin-top:auto;padding-top:6px;
  font-family:var(--fb);font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--vert);text-decoration:none}
.blog-card-link::after{content:'';position:absolute;inset:0;z-index:1}
.blog-card-meta{font-family:var(--fb);font-size:11px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--texte-lt);
  margin:4px 0 0;padding-top:12px;border-top:1px solid var(--sable-dk)}

/* bandeau panoramique (lieu-privatisation) : sur-titre lisible sur mobile */
.pano-lbl{font-size:11px}

/* « À lire aussi » en bas d'article */
.u-card-soft{border:var(--border);border-radius:var(--r);box-shadow:none;background:var(--blanc)}
@media(hover:hover){.u-card-soft:hover{border-color:var(--vert-xs)}}

/* ════ MERCI / 404 ════ */
.msg-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;background:var(--sable);
  padding:calc(var(--nav-h) + clamp(32px,6vw,64px)) clamp(16px,5vw,40px) clamp(56px,8vw,96px)}
.pg-msg .card{width:100%;background:var(--blanc);border:var(--border);border-top:2px solid var(--vert-xs);border-radius:var(--r);box-shadow:0 18px 48px rgba(30,28,20,.07);
  padding:clamp(34px,6vw,56px) clamp(20px,5vw,48px)}
.pg-msg .card h1{font-family:var(--fd);font-weight:300;font-size:clamp(1.9rem,5.4vw,2.6rem);line-height:1.15;letter-spacing:.03em;color:var(--encre)}
.pg-msg .card h1::after{content:'';display:block;width:32px;height:1px;background:var(--vert-xs);margin:18px auto 0}
.pg-msg .card p{color:var(--texte-lt)}
.pg-msg .card a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}
.pg-msg .card .nav-list a{min-height:0;display:inline;border-radius:0}
.pg-msg .card .code{color:var(--or)}