/* guide-entreprise.org — feuille de style écrite à la main.
   Structure inspirée d'un grand portail juridique (hub de guides, page guide
   en 3 colonnes), mais palette, typographies et code propres au site. */

:root{
  --encre:#16202e;        /* titres */
  --texte:#4d5563;        /* corps */
  --doux:#7a8291;         /* méta */
  --fond:#ffffff;
  --creme:#f4efe6;        /* bandeau des guides */
  --gris:#f5f6f8;         /* encadrés */
  --trait:#e4e7ec;
  --accent:#0e6b5c;       /* vert pétrole : couleur de marque */
  --accent-f:#0a5145;
  --accent-clair:#e3f1ee;
  --rayon:10px;
  --titre:"Bricolage Grotesque", "Inter", system-ui, sans-serif;
  --corps:"Source Sans 3", "Inter", system-ui, sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:var(--corps);font-size:17px;line-height:1.7;color:var(--texte);background:var(--fond);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--titre);color:var(--encre);font-weight:600;line-height:1.2;letter-spacing:-.015em}
strong{color:var(--encre);font-weight:600}
.conteneur{width:min(1180px,92vw);margin:0 auto}
.etroit{width:min(940px,92vw);margin:0 auto}

/* ---------- en-tête ---------- */
.entete{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--trait)}
.entete .conteneur{display:flex;align-items:center;gap:28px;height:70px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--titre);font-weight:700;font-size:20px;color:var(--encre)}
.logo:hover{text-decoration:none}
.logo svg{width:30px;height:30px}
.menu{display:flex;gap:4px;margin-left:auto;list-style:none;align-items:center}
.menu>li{position:relative}
.menu>li>a{display:block;padding:10px 12px;color:var(--encre);font-weight:500;font-size:15.5px;border-radius:8px}
.menu>li>a:hover{background:var(--gris);text-decoration:none}
.menu .deroule{display:none;position:absolute;top:100%;left:0;min-width:300px;background:#fff;border:1px solid var(--trait);border-radius:var(--rayon);box-shadow:0 18px 40px -18px rgba(22,32,46,.28);padding:10px;list-style:none}
.menu>li:hover .deroule,.menu>li:focus-within .deroule{display:block}
.deroule a{display:block;padding:8px 12px;border-radius:7px;color:var(--texte);font-size:15px}
.deroule a:hover{background:var(--gris);color:var(--encre);text-decoration:none}
.bouton{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:600;padding:11px 20px;border-radius:8px;font-size:15.5px;border:0}
.bouton:hover{background:var(--accent-f);text-decoration:none;color:#fff}
.bouton.large{padding:15px 28px;font-size:17px}
.bouton.fantome{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}
.bouton.fantome:hover{background:var(--accent-clair);color:var(--accent-f)}

/* ---------- accueil ---------- */
.heros{padding:92px 0 76px;text-align:center;background:linear-gradient(180deg,var(--accent-clair) 0%,#fff 100%)}
.heros h1{font-size:clamp(36px,5vw,58px);max-width:880px;margin:0 auto 20px}
.heros p.chapeau{font-size:20px;max-width:680px;margin:0 auto 32px}
.heros .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.heros .garanties{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:34px;font-size:15px;color:var(--doux)}
.heros .garanties span::before{content:"✓";color:var(--accent);font-weight:700;margin-right:7px}

.section{padding:84px 0}
.section.teinte{background:var(--gris)}
.section h2.centre{font-size:clamp(30px,3.6vw,44px);text-align:center;margin-bottom:14px}
.section p.sous{text-align:center;max-width:640px;margin:0 auto 48px;font-size:18px}

.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.carte{background:#fff;border:1px solid var(--trait);border-radius:14px;padding:28px 26px;display:flex;flex-direction:column;gap:12px;transition:transform .18s,box-shadow .18s}
.carte:hover{transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(22,32,46,.35);text-decoration:none}
.carte .pastille-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px}
.carte h3{font-size:20px}
.carte p{font-size:15.5px;flex:1}
.carte .lien{font-weight:600;font-size:15px}

.quatre{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:34px;text-align:center}
.quatre .ico{width:54px;height:54px;margin:0 auto 16px;border-radius:50%;background:var(--accent-clair);display:grid;place-items:center;font-size:24px}
.quatre h3{font-size:19px;margin-bottom:8px}
.quatre p{font-size:15.5px}

.etapes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;counter-reset:e}
.etape{position:relative;padding:30px 26px 26px;background:#fff;border-radius:14px;border:1px solid var(--trait)}
.etape::before{counter-increment:e;content:counter(e);position:absolute;top:-18px;left:26px;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--titre);font-weight:700;display:grid;place-items:center;font-size:17px}
.etape h3{font-size:19px;margin:6px 0 8px}

.alterne{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:84px}
.alterne:last-child{margin-bottom:0}
.alterne.inverse .visuel{order:-1}
.alterne h2{font-size:clamp(28px,3vw,38px);margin-bottom:16px}
.alterne p{margin-bottom:14px}
.alterne ul{list-style:none;margin:18px 0 26px}
.alterne li{padding-left:28px;position:relative;margin-bottom:9px}
.alterne li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:14px;border-radius:4px;background:var(--accent-clair);box-shadow:inset 0 0 0 4px var(--accent)}
.visuel img{border-radius:16px;aspect-ratio:4/3;object-fit:cover;width:100%}

.hub{text-align:center}
.famille{margin-top:44px}
.famille h3{font-size:18px;margin-bottom:18px;font-weight:600}
.nuage{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:820px;margin:0 auto}
.nuage a{padding:7px 15px;border-radius:999px;font-size:15px;font-weight:600;transition:filter .15s}
.nuage a:hover{filter:brightness(.95);text-decoration:none}

/* ---------- pied ---------- */
.pied{border-top:1px solid var(--trait);padding:60px 0 30px;margin-top:40px;background:#fbfbfc}
.pied .colonnes{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.pied h4{font-family:var(--corps);text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--encre);margin-bottom:16px}
.pied ul{list-style:none}
.pied li{margin-bottom:9px}
.pied a{color:var(--texte);font-size:15px}
.pied .mention{margin-top:44px;padding-top:22px;border-top:1px solid var(--trait);font-size:13.5px;color:var(--doux);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}

/* ---------- page guide ---------- */
.bandeau{background:var(--creme);padding:44px 0 50px;text-align:center}
.ariane{font-size:14px;color:var(--doux);margin-bottom:16px;display:flex;justify-content:center;flex-wrap:wrap;gap:6px}
.ariane a{color:var(--doux);text-decoration:underline;text-underline-offset:3px}
.ariane span.sep{opacity:.6}
.bandeau h1{font-size:clamp(30px,4vw,46px);max-width:900px;margin:0 auto 14px}
.bandeau .maj{font-size:15px;color:var(--texte)}

.guide{display:grid;grid-template-columns:230px minmax(0,1fr) 290px;gap:48px;padding:44px 0 70px;align-items:start}
.sommaire{position:sticky;top:92px}
.sommaire h2{font-family:var(--corps);font-size:16px;margin-bottom:12px}
.sommaire ol{list-style:none;border-left:2px solid var(--trait);margin-bottom:22px}
.sommaire li a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--doux);font-size:14.5px;line-height:1.4}
.sommaire li a:hover{color:var(--encre);border-left-color:var(--accent);text-decoration:none}

.contenu{min-width:0}
.contenu>p,.contenu li{font-size:17.5px}
.contenu p{margin-bottom:18px}
.contenu h2{font-size:clamp(25px,2.6vw,32px);margin:48px 0 18px;scroll-margin-top:90px}
.contenu h3{font-size:21px;margin:30px 0 12px}
.contenu ul,.contenu ol{margin:0 0 20px 22px}
.contenu li{margin-bottom:8px}
.contenu a{text-decoration:underline;text-underline-offset:3px}
.retenir{background:var(--gris);border-radius:var(--rayon);padding:26px 30px;margin-bottom:34px}
.retenir h2{font-size:21px!important;margin:0 0 14px!important}
.retenir ul{margin-bottom:0}
.retenir li{font-size:16.5px!important}
.encadre{display:grid;grid-template-columns:44px 1fr;gap:16px;background:var(--creme);border-radius:var(--rayon);padding:22px 26px;margin:26px 0}
.encadre .ico{width:44px;height:44px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:20px}
.encadre h3{margin:0 0 8px!important;font-size:18px!important}
.encadre p:last-child{margin-bottom:0}
.encadre.attention{background:#fff4e5}
.encadre.attention .ico{background:#c46a00}
.tableau{overflow-x:auto;margin:22px 0 28px;border:1px solid var(--trait);border-radius:var(--rayon)}
table{width:100%;border-collapse:collapse;font-size:15.5px}
th{background:var(--encre);color:#fff;text-align:left;font-weight:600;padding:12px 16px}
td{padding:12px 16px;border-top:1px solid var(--trait);vertical-align:top}
tr:nth-child(even) td{background:#fafbfc}
.faq details{border:1px solid var(--trait);border-radius:var(--rayon);margin-bottom:10px;background:#fff}
.faq summary{cursor:pointer;padding:16px 20px;font-family:var(--titre);font-weight:600;color:var(--encre);font-size:17.5px;list-style:none;position:relative;padding-right:46px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:12px;font-size:24px;color:var(--accent)}
.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 20px 16px}
.sources{margin-top:40px;padding-top:22px;border-top:1px solid var(--trait);font-size:15px}
.sources h2{font-size:18px!important;margin:0 0 10px!important}

.laterale{position:sticky;top:92px;display:flex;flex-direction:column;gap:20px}
.bloc-auteur{border:1px solid var(--trait);border-radius:var(--rayon);padding:20px}
.bloc-auteur .etiquette{font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--doux);margin-bottom:12px}
.bloc-auteur .qui{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.bloc-auteur img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.bloc-auteur .nom{font-weight:600;color:var(--encre);display:block}
.bloc-auteur .role{font-size:13.5px;color:var(--doux)}
.bloc-auteur p{font-size:14.5px;line-height:1.55}
.bloc-pilier{background:var(--creme);border-radius:var(--rayon);padding:20px}
.bloc-pilier h3{font-size:17px;margin-bottom:8px}
.bloc-pilier p{font-size:14.5px;margin-bottom:14px}
.bloc-pilier .bouton{width:100%;justify-content:center;font-size:14.5px}

.lies{background:var(--gris);padding:60px 0}
.lies h2{font-size:28px;margin-bottom:26px}

/* ---------- pages simples ---------- */
.page{padding:56px 0 80px}
.page h1{font-size:clamp(30px,4vw,44px);margin-bottom:24px}
.page h2{font-size:24px;margin:34px 0 12px}
.page p,.page li{margin-bottom:14px}
.page ul{margin-left:22px}
.liste-guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:30px}

@media (max-width:1100px){
  .guide{grid-template-columns:minmax(0,1fr) 270px}
  .sommaire{display:none}
}
@media (max-width:820px){
  .menu{display:none}
  .guide{grid-template-columns:1fr}
  .laterale{position:static}
  .alterne{grid-template-columns:1fr;gap:28px}
  .alterne.inverse .visuel{order:0}
  .pied .colonnes{grid-template-columns:1fr 1fr}
  .heros{padding:64px 0 54px}
}

/* =================== V2 HAUT DE GAMME =================== */
body{background:#fbfaf7}
.entete{transition:box-shadow .25s, background .25s}
.entete.defile{box-shadow:0 8px 30px -12px rgba(22,32,46,.18)}
.surtitre{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}

/* héros en deux colonnes avec photo */
.heros2{position:relative;overflow:hidden;padding:72px 0 96px;background:
  radial-gradient(1200px 500px at 85% -10%, #d8ece7 0%, transparent 60%),
  radial-gradient(900px 400px at -10% 110%, #f4ead8 0%, transparent 60%), #fbfaf7}
.heros2 .conteneur{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.heros2 h1{font-size:clamp(38px,4.6vw,62px);line-height:1.05;margin-bottom:22px}
.heros2 h1 em{font-style:normal;background:linear-gradient(transparent 62%, #f3d9a4 62%, #f3d9a4 92%, transparent 92%)}
.heros2 .chapeau{font-size:19.5px;max-width:560px;margin-bottom:32px}
.heros2 .actions{display:flex;gap:12px;flex-wrap:wrap}
.chiffres{display:flex;gap:40px;margin-top:44px;padding-top:28px;border-top:1px solid var(--trait)}
.chiffres strong{display:block;font-family:var(--titre);font-size:32px;color:var(--encre);line-height:1}
.chiffres span{font-size:14px;color:var(--doux)}
.photo-heros{position:relative}
.photo-heros picture img{border-radius:22px;aspect-ratio:4/4.4;object-fit:cover;width:100%;box-shadow:0 40px 80px -40px rgba(22,32,46,.45)}
.flottant{position:absolute;background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 24px 50px -20px rgba(22,32,46,.35);font-size:14.5px;line-height:1.4;animation:flotte 6s ease-in-out infinite}
.flottant strong{display:block;font-family:var(--titre);font-size:15.5px}
.flottant.f1{left:-34px;bottom:56px;max-width:230px}
.flottant.f2{right:-22px;top:40px;max-width:210px;animation-delay:-3s}
.flottant .pastille{display:inline-block;width:9px;height:9px;border-radius:50%;background:#1f9d6c;margin-right:7px;box-shadow:0 0 0 4px #d6f1e5}
@keyframes flotte{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* rubriques avec photos */
.rubriques{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.rub{position:relative;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--trait);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s}
.rub:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(22,32,46,.45);text-decoration:none}
.rub .vignette{overflow:hidden;aspect-ratio:4/3}
.rub .vignette img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rub:hover .vignette img{transform:scale(1.07)}
.rub .corps{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.rub .num{font-family:var(--titre);font-size:13px;letter-spacing:.12em;font-weight:600}
.rub h3{font-size:21px}
.rub p{font-size:15.5px;flex:1}
.rub .lien{font-weight:600;font-size:15px;display:inline-flex;gap:6px;align-items:center}
.rub .lien i{font-style:normal;transition:transform .25s}
.rub:hover .lien i{transform:translateX(5px)}

/* bandes image + texte */
.bande{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.bande+.bande{margin-top:96px}
.bande.inverse .bande-img{order:2}
.bande-img{position:relative}
.bande-img img{border-radius:20px;aspect-ratio:5/4;object-fit:cover;width:100%}
.bande-img::after{content:"";position:absolute;inset:auto -18px -18px auto;width:55%;height:55%;border-radius:20px;background:var(--accent-clair);z-index:-1}
.bande.inverse .bande-img::after{inset:auto auto -18px -18px;background:#f4ead8}
.bande h2{font-size:clamp(28px,3vw,40px);margin-bottom:16px}
.bande p{margin-bottom:14px}
.coches{list-style:none;margin:20px 0 28px}
.coches li{position:relative;padding-left:32px;margin-bottom:11px}
.coches li::before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.6L14.5 7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}

/* méthode : 4 engagements numérotés, sans icônes */
.engagements{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--trait)}
.engagement{padding:34px 28px 10px 0;border-right:1px solid var(--trait);margin-right:28px}
.engagement:last-child{border-right:0;margin-right:0}
.engagement .n{font-family:var(--titre);font-size:48px;font-weight:600;color:var(--accent);line-height:1;margin-bottom:18px;display:block}
.engagement h3{font-size:19px;margin-bottom:10px}
.engagement p{font-size:15.5px}

/* bloc auteure */
.auteure{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:center;background:#fff;border:1px solid var(--trait);border-radius:22px;padding:36px}
.auteure img{border-radius:16px;aspect-ratio:1;object-fit:cover;width:100%}
.auteure blockquote{font-family:var(--titre);font-size:24px;line-height:1.35;color:var(--encre);margin-bottom:18px}

/* contenu éditorial de la home */
.contenu-home{background:#fff;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait)}
.home-grille{display:grid;grid-template-columns:250px minmax(0,760px);gap:72px;justify-content:center}
.home-sommaire{position:sticky;top:96px;align-self:start}
.home-sommaire ol{list-style:none;counter-reset:s;border-left:2px solid var(--trait)}
.home-sommaire li{counter-increment:s}
.home-sommaire a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;color:var(--doux);font-size:14.5px;line-height:1.4;transition:color .2s,border-color .2s}
.home-sommaire a::before{content:counter(s,decimal-leading-zero) "  ";font-family:var(--titre);font-weight:600;color:#b9bfca}
.home-sommaire a:hover,.home-sommaire a.actif{color:var(--encre);border-left-color:var(--accent);text-decoration:none}
.home-texte h2{font-size:clamp(26px,2.7vw,34px);margin:56px 0 18px;scroll-margin-top:96px}
.home-texte>h2:first-of-type{margin-top:0;font-size:clamp(30px,3.4vw,44px)}
.home-texte h3{font-size:21px;margin:30px 0 12px}
.home-texte p,.home-texte li{font-size:17.5px}
.home-texte p{margin-bottom:18px}
.home-texte ul,.home-texte ol{margin:0 0 20px 22px}
.home-texte li{margin-bottom:8px}
.chapo{font-size:20px!important;color:var(--encre);line-height:1.6}
.encadre-num{width:44px;height:44px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--titre);font-weight:700}
.encadre{grid-template-columns:44px 1fr}
.maj-texte{color:var(--doux);font-size:14px;margin-top:10px}

/* bandeau final */
.appel{position:relative;border-radius:26px;overflow:hidden;color:#fff;padding:72px 64px;background:var(--encre)}
.appel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}
.appel .dedans{position:relative;max-width:620px}
.appel h2{color:#fff;font-size:clamp(28px,3.2vw,42px);margin-bottom:14px}
.appel p{color:#d6dbe3;font-size:18px;margin-bottom:26px}
.appel .bouton{background:#fff;color:var(--encre)}
.appel .bouton:hover{background:#f0ede6}

/* apparition au défilement */
.revele{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1)}
.revele.vu{opacity:1;transform:none}
.retard1{transition-delay:.08s}.retard2{transition-delay:.16s}.retard3{transition-delay:.24s}
.entree{animation:entree .9s cubic-bezier(.2,.7,.2,1) both}
.entree.d2{animation-delay:.12s}.entree.d3{animation-delay:.24s}.entree.d4{animation-delay:.36s}
@keyframes entree{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.revele,.entree,.flottant{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}
.bouton{transition:background .2s, transform .2s, box-shadow .2s}
.bouton:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(14,107,92,.6)}

@media (max-width:1100px){
  .rubriques{grid-template-columns:repeat(2,1fr)}
  .engagements{grid-template-columns:repeat(2,1fr)}
  .engagement:nth-child(2){border-right:0}
  .home-grille{grid-template-columns:minmax(0,1fr)}
  .home-sommaire{display:none}
}
@media (max-width:820px){
  .heros2 .conteneur,.bande,.auteure{grid-template-columns:1fr;gap:36px}
  .bande.inverse .bande-img{order:0}
  .flottant.f1{left:12px}.flottant.f2{right:12px}
  .rubriques,.engagements{grid-template-columns:1fr}
  .engagement{border-right:0;margin-right:0}
  .appel{padding:48px 28px}
  .chiffres{gap:24px}
}

/* menu mobile */
.burger{display:none;margin-left:auto;background:none;border:0;width:44px;height:44px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.burger span{display:block;width:22px;height:2px;background:var(--encre);border-radius:2px;transition:transform .25s,opacity .25s}
@media (max-width:820px){
  .burger{display:flex}
  .entete nav{position:fixed;inset:70px 0 auto 0;background:#fff;border-bottom:1px solid var(--trait);padding:10px 4vw 22px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;box-shadow:0 24px 40px -24px rgba(22,32,46,.3)}
  .menu-ouvert .entete nav{opacity:1;transform:none;pointer-events:auto}
  .entete nav .menu{display:flex;flex-direction:column;align-items:stretch;margin:0}
  .menu .deroule{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 12px;min-width:0}
  .menu-ouvert .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-ouvert .burger span:nth-child(2){opacity:0}
  .menu-ouvert .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

.logo svg{width:34px;height:34px}
.logo span{font-family:var(--titre);font-size:21px;font-weight:600;letter-spacing:-.02em}
.logo span b{font-weight:700;color:var(--accent)}

/* bandeau rubrique avec photo */
.bandeau-photo{padding:48px 0 64px;background:linear-gradient(180deg,#f4efe6 0%,#fbfaf7 100%)}
.bandeau-grille{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.bandeau-photo .ariane{justify-content:flex-start}
.bandeau-photo h1{font-size:clamp(32px,4vw,52px);line-height:1.08;margin-bottom:18px}
.bandeau-photo .chapeau{font-size:19px;max-width:560px}
.bandeau-img img{border-radius:20px;aspect-ratio:16/11;object-fit:cover;width:100%;box-shadow:0 40px 70px -40px rgba(22,32,46,.45)}
.meta-art{font-size:15px;color:var(--doux);margin-bottom:26px!important}
.contenu .chapo{font-size:20px;color:var(--encre)}
.une{margin:0 0 30px}
.une img{border-radius:16px;aspect-ratio:16/9;object-fit:cover;width:100%}
.signature{display:flex;gap:18px;align-items:flex-start;margin-top:44px;padding:24px;border:1px solid var(--trait);border-radius:14px;background:#fff}
.signature .etiquette{font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--doux);margin-bottom:6px!important}
.signature p{font-size:15.5px;margin-bottom:0}
.bandeau .maj a{color:var(--texte);text-decoration:underline;text-underline-offset:3px}
.bloc-auteur a.nom{color:var(--encre);font-weight:600}
.home-texte .tableau,.contenu .tableau{margin:24px 0 30px}
@media (max-width:820px){.bandeau-grille{grid-template-columns:1fr;gap:28px}}

.home-sommaire h2,.sommaire h2{font-family:var(--corps);font-size:13px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 14px!important}

.chantiers{margin-top:40px;padding:28px 30px;border-radius:16px;background:linear-gradient(135deg,var(--accent-clair),#f4efe6)}
.chantiers ul{list-style:none;margin:10px 0 16px!important}
.chantiers li{position:relative;padding-left:22px;margin-bottom:10px;font-size:16px!important}
.chantiers li::before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:700}
.chantiers .retour{font-size:15px;margin:0!important;color:var(--doux)}
.chantiers a{font-weight:600}

.auteur-tete{display:flex;gap:24px;align-items:center;margin:18px 0 26px}
.auteur-tete h1{margin-bottom:4px!important}
.role-auteur{color:var(--doux);margin:0!important}
.liste-auteur{margin-left:20px}
.liste-auteur .date{color:var(--doux);font-size:14px}
.retour-home{margin-top:26px;font-size:15.5px;color:var(--doux)}