:root{
  --stout:#1E1512;--encre:#2A211B;--encre-2:#6A594D;--ligne:#E7DFD3;--papier:#fff;--malt:#F7EFDF;--or:#D9A21B;--or-encre:#4F3800;--houblon:#4E6B34;
  --u:#C77B1E;--u-encre:#FFF7EA;
  --titre:'Fraunces',Georgia,serif;--texte:'Figtree',system-ui,sans-serif;--max:1120px;--marge:20px;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--texte);font-size:17px;line-height:1.55;color:var(--encre);background:var(--papier)}
a{color:inherit;text-decoration:none}
h1,h2{font-family:var(--titre);font-weight:700;line-height:1.12;margin:0;letter-spacing:-.01em}
.visuellement-cache{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.saut{position:absolute;left:-999px;top:8px;background:var(--or);color:var(--stout);padding:8px 12px;border-radius:6px;z-index:100}
.saut:focus{left:8px}
.bouton{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:6px;font-weight:600;font-size:15px;border:1px solid transparent}
.bouton-or{background:var(--or);color:var(--stout)}
.bouton-ligne{border-color:var(--encre);color:var(--encre)}

.entete{position:sticky;top:0;z-index:40;background:var(--stout);color:#F6EEDD}
.entete-ligne{max-width:var(--max);margin:0 auto;padding:0 var(--marge);height:60px;display:flex;align-items:center;gap:14px}
.marque{font-family:var(--titre);font-size:22px;font-weight:900;letter-spacing:-.02em;white-space:nowrap}
.marque em{font-style:normal;font-weight:500;color:var(--or)}
.menu{display:none;align-items:center;gap:22px;margin-left:18px;font-weight:500;font-size:15.5px;height:60px}
.menu > a{padding:6px 0;border-bottom:2px solid transparent}
.menu > a[aria-current]{border-bottom-color:var(--or)}
.menu-univers{position:relative;height:60px;display:flex;align-items:center}
.menu-univers summary{list-style:none;cursor:pointer;padding:6px 0;border-bottom:2px solid transparent;user-select:none}
.menu-univers summary::-webkit-details-marker{display:none}
.menu-univers[data-actif] summary{border-bottom-color:var(--or)}
.menu-rubriques{display:none;position:absolute;top:100%;left:-14px;min-width:240px;background:#fff;color:var(--encre);padding:12px 14px 14px;border-radius:0 0 8px 8px;box-shadow:0 12px 30px rgba(30,21,18,.18);border-top:4px solid var(--u)}
.menu-univers[open] .menu-rubriques{display:block}
.menu-rubriques a{display:block;padding:6px 0;font-size:15px;border-bottom:1px solid var(--ligne)}
.menu-rubriques a:last-child{border-bottom:0}
.menu-tout{font-family:var(--titre);font-size:17px;color:var(--u);font-weight:700}
.outils{margin-left:auto;display:flex;align-items:center;gap:8px}
.recherche{display:none;align-items:center;background:#2E211B;border-radius:6px;padding:2px 4px 2px 10px}
.recherche input{background:transparent;border:0;color:#F6EEDD;font:inherit;font-size:15px;width:130px;outline:none}
.recherche button{background:transparent;border:0;color:#F6EEDD;width:36px;height:36px;display:grid;place-items:center;cursor:pointer}
.connexion{display:none;font-size:15px;font-weight:500;white-space:nowrap}
.compte{display:flex;align-items:center;gap:8px;font-size:15px}
.compte span:last-child{display:none}
.avatar{width:30px;height:30px;border-radius:50%;background:var(--or);color:var(--stout);display:grid;place-items:center;font-weight:700;font-size:13px}
.entete .bouton-or{padding:8px 12px;font-size:14px;white-space:nowrap}
.entete .bouton-or .long{display:none}
.tiroir{position:relative}
.tiroir summary{list-style:none;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border-radius:6px}
.tiroir summary::-webkit-details-marker{display:none}
.tiroir-panneau{position:fixed;top:60px;right:0;bottom:0;width:min(88vw,380px);background:#fff;color:var(--encre);overflow:auto;padding:12px 20px 40px;box-shadow:-12px 0 30px rgba(30,21,18,.2)}
.tiroir-panneau > a{display:block;padding:12px 0;border-bottom:1px solid var(--ligne);font-size:17px}
.tiroir-univers b{display:block;font-weight:600;color:var(--u)}
.tiroir-univers small{display:block;font-size:13.5px;color:var(--encre-2);line-height:1.35}
@media (min-width:900px){
  .menu{display:flex}.recherche{display:flex}.connexion{display:inline}.compte span:last-child{display:inline}
  .entete .bouton-or{padding:9px 14px}.entete .bouton-or .long{display:inline}.entete .bouton-or .court{display:none}
  .tiroir{display:none}
}

.masthead{background:var(--u);color:var(--u-encre)}
.masthead-ligne{max-width:var(--max);margin:0 auto;padding:22px var(--marge) 0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 24px}
.masthead-nom{font-family:var(--titre);font-weight:900;font-size:clamp(34px,7vw,64px);letter-spacing:-.025em;line-height:1}
.masthead-slogan{font-size:15px;opacity:.9;margin:0;padding-bottom:6px}
.masthead-nav{max-width:var(--max);margin:14px auto 0;padding:0 var(--marge);display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.masthead-nav::-webkit-scrollbar{display:none}
.masthead-nav a{white-space:nowrap;padding:10px 12px 12px;font-weight:600;font-size:15px;border-bottom:3px solid transparent;opacity:.92}
.masthead-nav a[aria-current],.masthead-nav a:hover{border-bottom-color:var(--u-encre);opacity:1}

.article{max-width:68ch;margin:0 auto;padding:30px var(--marge) 40px}
.fil{font-size:14px;color:var(--encre-2);margin:0 0 14px}
.fil a{text-decoration:underline;text-underline-offset:3px}
.format{font-size:13.5px;font-weight:600;color:var(--u);margin:0 0 6px;display:flex;align-items:center;gap:8px}
.etiquette-premium{background:#FFF0C2;color:var(--or-encre);border-radius:999px;padding:1px 8px;font-size:12px}
.article h1{font-size:clamp(30px,6vw,46px);margin-bottom:12px}
.chapo{font-size:19px;color:var(--encre-2);margin:0 0 12px}
.signature{color:var(--encre-2);font-size:15px;margin:0 0 20px}
.signature a{text-decoration:underline;text-underline-offset:3px}
.image-une{margin:0 0 22px}
.image-une img{width:100%;height:auto;border-radius:4px;display:block;background:var(--malt)}
.image-une figcaption{font-size:13.5px;color:var(--encre-2);margin-top:6px}
.fiche{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin:0 0 24px;padding:16px 18px;background:var(--malt);border-radius:6px}
.fiche div{display:grid;gap:2px}
.fiche dt{font-size:13px;color:var(--encre-2)}
.fiche dd{margin:0;font-weight:600}
.fiche .note dd b{font-family:var(--titre);font-size:32px;font-weight:900;color:var(--u)}
.corps p{font-size:18px;line-height:1.62;margin:0 0 1em}
.corps h2{font-size:24px;margin:26px 0 10px}
.corps blockquote{margin:22px 0;padding:6px 0 6px 18px;border-left:4px solid var(--u);font-family:var(--titre);font-size:24px;line-height:1.3;font-weight:500}
.corps ol.classement{list-style:none;padding:0;margin:0}
.corps ol.classement li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ligne)}
.corps ol.classement i{font-family:var(--titre);font-weight:900;font-size:26px;color:var(--u);font-style:normal}
.corps ol.classement b{display:block;font-weight:600}
.corps ol.classement span{font-size:14px;color:var(--encre-2)}
.corps ol.classement em{font-style:normal;font-weight:700;color:var(--u)}
.voile{position:relative;max-height:200px;overflow:hidden}
.voile::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}
.invitation{border:1px solid #E2CFA0;background:var(--malt);border-radius:6px;padding:22px;margin-top:-10px}
.invitation h2{font-size:22px;margin-bottom:6px}
.invitation p{font-size:16px;margin:0 0 14px}
.invitation .actions{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.partage{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0;padding:14px 0;border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne)}
.partage a,.partage button{display:inline-flex;align-items:center;border:1px solid var(--encre);border-radius:6px;padding:7px 12px;font:inherit;font-size:14px;font-weight:600;background:transparent;color:var(--encre);cursor:pointer}
.partage [hidden]{display:none}
.partage-court{flex-basis:100%;font-size:13.5px;color:var(--encre-2)}
.partage .partage-court a{display:inline;border:0;padding:0;font-weight:500;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}
.auteur{display:flex;gap:14px;align-items:flex-start;padding:18px 0;margin:0 0 22px;border-bottom:1px solid var(--ligne)}
.avatar-auteur{flex:none;width:64px;height:64px;border-radius:50%;background:var(--u);color:#fff;display:grid;place-items:center;font-family:var(--titre);font-weight:700;font-size:24px}
.auteur b{display:block;font-weight:600}
.auteur p{font-size:15px;color:var(--encre-2);margin:4px 0 6px}
.auteur a{font-weight:600;text-decoration:underline;text-underline-offset:3px;font-size:15px}
.lies h2{font-size:22px;margin-bottom:10px}
.lies ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lies li a{font-weight:500}
.lies small{display:block;color:var(--encre-2);font-size:13.5px}
.publicite{margin:30px 0 0;padding-top:10px;border-top:1px solid var(--ligne)}
.publicite small{display:block;font-size:12px;color:var(--encre-2);margin-bottom:6px}
.publicite .emplacement{min-height:120px;border:1px dashed #BFB2A0;border-radius:6px;background:#FCFAF6}
body.pm-premium .publicite{display:none}

.pied{background:var(--stout);color:#D8CBB4;margin-top:20px}
.pied-colonnes{max-width:var(--max);margin:0 auto;padding:40px var(--marge) 20px;display:grid;gap:22px;grid-template-columns:repeat(2,1fr)}
@media (min-width:700px){.pied-colonnes{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.pied .marque{color:#F6EEDD;font-size:26px}
.pied p{font-size:14.5px;line-height:1.5}
.pied h2{font-family:var(--texte);font-size:15px;font-weight:700;color:#F6EEDD;margin:0 0 10px}
.pied-colonnes a:not(.marque){display:block;font-size:15px;padding:3px 0}
.pied-legal{max-width:var(--max);margin:0 auto;padding:18px var(--marge) 30px;border-top:1px solid #3A2A22;font-size:13.5px;display:flex;flex-wrap:wrap;gap:8px 18px}

.bloc{margin:0 0 26px}
.bloc h3{font-family:var(--titre);font-size:19px;margin:0 0 6px}
.etiquette-partenaire{display:inline-block;background:#FFF0C2;color:var(--or-encre);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600;margin-top:6px}
.degustation{display:grid;gap:14px;margin-top:16px}
@media (min-width:640px){.degustation{grid-template-columns:repeat(3,1fr)}}
.degustation p{margin:0;font-size:15.5px;color:var(--encre-2)}
.fiche dd a{text-decoration:underline;text-underline-offset:3px}

.test-entete{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;background:var(--malt);border-radius:6px;padding:16px 18px}
.test-entete p{margin:2px 0;font-size:15px;color:var(--encre-2)}
.note-globale{flex:none;text-align:center;line-height:1}
.note-globale b{display:block;font-family:var(--titre);font-size:44px;font-weight:900;color:var(--u)}
.note-globale span{font-size:13px;color:var(--encre-2)}
.criteres{list-style:none;margin:14px 0;padding:0;display:grid;gap:8px}
.criteres li{display:grid;grid-template-columns:150px 1fr 32px;gap:12px;align-items:center;font-size:15px}
.criteres i{display:block;height:10px;border-radius:999px;background:var(--ligne);position:relative;overflow:hidden}
.criteres i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--n);background:var(--u);border-radius:999px}
.criteres b{text-align:right}
.verdict{font-size:17px;margin:8px 0 0}

.methode{font-size:15px;color:var(--encre-2);margin:0 0 12px}
.classement{list-style:none;padding:0;margin:0}
.classement li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ligne)}
.classement i{font-family:var(--titre);font-weight:900;font-size:26px;color:var(--u);font-style:normal}
.classement b{display:block;font-weight:600}
.classement span span{font-size:14px;color:var(--encre-2)}
.classement em{font-style:normal;font-weight:700;color:var(--u);font-size:18px}

.escapade-entete{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;color:var(--encre-2);margin-bottom:14px}
.escapade-entete b{color:var(--encre)}
.escapade-corps{display:grid;gap:16px}
@media (min-width:760px){.escapade-corps{grid-template-columns:1fr 1fr}}
.carte-lieux{aspect-ratio:4/3;border-radius:6px;background-color:#E9E3D6;background-image:linear-gradient(#DAD2C2 1px,transparent 1px),linear-gradient(90deg,#DAD2C2 1px,transparent 1px);background-size:40px 40px;position:relative;overflow:hidden}
.carte-lieux.petite{aspect-ratio:16/9;max-width:320px}
.epingle{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--u);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;border:3px solid #fff;box-shadow:0 1px 0 rgba(0,0,0,.2)}
.arrets{list-style:none;margin:0;padding:0}
.arrets li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--ligne)}
.arrets i{width:28px;height:28px;border-radius:50%;background:var(--u);color:#fff;font-style:normal;display:grid;place-items:center;font-weight:700;font-size:14px}
.arrets b{display:block;font-weight:600}
.arrets span{font-size:14.5px;color:var(--encre-2)}
.arrets a{display:inline-block;margin-top:4px;font-size:14px;text-decoration:underline;text-underline-offset:3px}

.recette-entete{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;font-size:15px;color:var(--encre-2);background:var(--malt);border-radius:6px;padding:12px 16px;margin-bottom:16px}
.recette-entete label{font-weight:600;color:var(--encre)}
.recette-entete input{width:56px;font:inherit;padding:4px 6px;border:1px solid #CFC3B2;border-radius:6px;margin-left:6px}
.recette-entete a{text-decoration:underline;text-underline-offset:3px}
.recette-colonnes{display:grid;gap:22px}
@media (min-width:700px){.recette-colonnes{grid-template-columns:1fr 1.4fr}}
.ingredients{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:16px}
.ingredients b{color:var(--u)}
.etapes{margin:0;padding-left:22px;display:grid;gap:10px;font-size:16px}

.bloc-adresse{display:grid;gap:16px}
@media (min-width:700px){.bloc-adresse{grid-template-columns:1fr 320px;align-items:start}}
.adresse-fiche p{margin:2px 0;font-size:15.5px;color:var(--encre-2)}
.adresse-fiche a{text-decoration:underline;text-underline-offset:3px}

.style-grille{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);background:var(--malt);border-radius:6px;padding:16px 18px}
@media (min-width:640px){.style-grille{grid-template-columns:repeat(3,1fr)}}
.style-grille div{display:grid;gap:4px}
.style-grille span{font-size:13px;color:var(--encre-2)}
.style-grille b{font-weight:600;display:flex;align-items:center;gap:8px}
.pastille{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}
.jauge{display:block;height:8px;border-radius:999px;background:var(--ligne);position:relative;overflow:hidden}
.jauge::after{content:"";position:absolute;top:0;bottom:0;left:var(--a);right:calc(100% - var(--b));background:var(--u);border-radius:999px}
.exemples{font-size:15.5px;margin:12px 0 0}
.exemples a{text-decoration:underline;text-underline-offset:3px}

.accord{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ligne)}
.accord-boisson,.accord-plat{display:grid;gap:2px}
.accord span{font-size:13px;color:var(--encre-2)}
.accord b{font-family:var(--titre);font-size:19px;font-weight:700}
.accord small{font-size:14px;color:var(--encre-2)}
.accord-plus{font-family:var(--titre);font-size:28px;color:var(--u)}
.accord-pourquoi{grid-column:1/-1;margin:0;font-size:15.5px;color:var(--encre-2)}

.bloc-mythe{background:var(--malt);border-left:4px solid var(--u);border-radius:0 6px 6px 0;padding:16px 18px}
.affirmation{font-family:var(--titre);font-size:24px;line-height:1.3;margin:0 0 10px}
.verdict-badge{margin:0;font-size:16px;display:flex;align-items:center;gap:10px}
.verdict-badge span{border-radius:999px;padding:3px 12px;font-weight:700;font-size:14px;color:#fff;background:#6A594D}
.verdict-faux .verdict-badge span{background:#8C2F45}
.verdict-vrai .verdict-badge span{background:var(--houblon)}
.verdict-nuancé .verdict-badge span{background:#C77B1E}

.lecteur{aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--stout);position:relative}
.lecteur iframe{width:100%;height:100%;border:0;display:block}
.lecteur.audio{aspect-ratio:auto;height:180px;background:var(--malt)}
.bloc-video figcaption,.bloc-balado figcaption{font-size:14px;color:var(--encre-2);margin-top:8px}
.bloc-balado figcaption a{text-decoration:underline;text-underline-offset:3px}

.vitrine{max-width:68ch;margin:0 auto;padding:30px var(--marge) 40px}
.vitrine > h1{font-size:34px;margin-bottom:6px}
.vitrine > p.intro{color:var(--encre-2);margin:0 0 30px}
.vitrine-bloc{margin:0 0 44px;padding-top:18px;border-top:1px solid var(--ligne)}
.vitrine-bloc h2{font-size:24px;margin-bottom:2px}
.vitrine-bloc .ou{font-size:14px;color:var(--encre-2);margin:0 0 16px}
.vitrine-bloc .ou b{color:var(--u)}

.apercu-lecteur{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;color:#F6EEDD}
.apercu-lecteur span{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center}
.apercu-lecteur span::after{content:"";width:0;height:0;border-left:22px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.apercu-lecteur small{font-size:13px;opacity:.8}
.apercu-lecteur.audio{color:var(--encre)}
.apercu-lecteur.audio span{background:var(--u)}

.ligne{max-width:var(--max);margin:0 auto;padding:0 var(--marge)}
.section{padding:34px 0}
.section + .section{border-top:1px solid var(--ligne)}
.entete-section{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}
.entete-section h2{font-size:clamp(24px,4vw,34px)}
.plus{font-size:15px;color:var(--encre-2);text-decoration:underline;text-underline-offset:3px}
.chapeau{font-size:19px;color:var(--encre-2);max-width:62ch;margin:0}
.bouton-stout{background:var(--stout);color:#F6EEDD}

.heros{padding:40px 0 34px}
.heros h1{font-size:clamp(30px,6vw,52px);max-width:24ch}
.heros .chapeau{margin:16px 0 22px}
.heros .actions{display:flex;flex-wrap:wrap;gap:10px;margin:0}

.cartes{display:grid;gap:22px}
@media (min-width:700px){.cartes{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cartes.trois{grid-template-columns:repeat(3,1fr)}}
.carte{display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:start}
.carte.grande{grid-template-columns:1fr}
.vignette{display:block;aspect-ratio:4/3;border-radius:4px;overflow:hidden;position:relative;background:linear-gradient(135deg,color-mix(in srgb,var(--u) 82%,#000),var(--u) 60%,color-mix(in srgb,var(--u) 60%,#fff))}
.carte.grande .vignette{aspect-ratio:16/9}
.vignette img{width:100%;height:100%;object-fit:cover;display:block}
.vignette.video::after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-40%,-50%);border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}
.carte .genre{margin:0 0 3px;font-size:13.5px;font-weight:600;color:var(--u);display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.carte .dans{font-weight:600}
.carte h3{font-size:18px;line-height:1.2}
.carte.grande h3{font-size:clamp(22px,4vw,30px)}
.carte .meta{margin:6px 0 0;font-size:14px;color:var(--encre-2)}
.chapo-carte{margin:6px 0 0;font-size:15px;color:var(--encre-2)}
.une-univers{display:grid;gap:22px}
@media (min-width:900px){.une-univers{grid-template-columns:1.4fr 1fr}}
.pile{display:grid;gap:18px;align-content:start}

.tuiles{display:grid;gap:16px}
@media (min-width:700px){.tuiles{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.tuiles{grid-template-columns:repeat(4,1fr)}}
.tuile{display:block;border-top:6px solid var(--u);background:var(--malt);padding:18px 18px 20px;border-radius:0 0 6px 6px}
.tuile h3{font-size:24px;color:var(--u)}
.tuile h3 small{font-family:var(--texte);font-size:12.5px;font-weight:600;vertical-align:middle;background:#fff;border-radius:999px;padding:2px 9px;margin-left:6px;color:var(--encre-2)}
.tuile p{margin:8px 0 12px;color:var(--encre-2);font-size:15px}
.tuile span{font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:3px}

.promo{background:var(--malt);border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne)}
.promo-ligne{max-width:var(--max);margin:0 auto;padding:36px var(--marge);display:grid;gap:22px}
@media (min-width:900px){.promo-ligne{grid-template-columns:1.1fr 1fr;align-items:center}}
.promo .prix{font-family:var(--titre);font-weight:900;font-size:clamp(46px,9vw,84px);line-height:1;letter-spacing:-.03em;margin:12px 0 0}
.promo .prix small{font-family:var(--texte);font-weight:500;font-size:17px;letter-spacing:0;color:var(--encre-2);margin-left:8px}
.promo .ancien{color:var(--encre-2);font-size:15px;margin:6px 0 14px}
.avantages{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.avantages li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
.avantages li::before{content:"✓";width:22px;height:22px;border-radius:50%;background:var(--or);color:var(--stout);display:grid;place-items:center;font-size:13px;font-weight:700}
.partenaires-liste{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.puce{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ligne);background:#fff;border-radius:999px;padding:6px 12px;font-size:14px}
.puce small{color:var(--encre-2)}
.puce.lien{background:var(--stout);color:#fff;border-color:var(--stout)}

.equipe{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:700px){.equipe{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.equipe{grid-template-columns:repeat(4,1fr)}}
.personne{display:flex;gap:12px;align-items:center;min-width:0}
.personne > span{min-width:0}
.personne b,.personne small{overflow-wrap:anywhere}
.personne i{flex:none;width:56px;height:56px;border-radius:50%;background:var(--u);color:#fff;display:grid;place-items:center;font-style:normal;font-family:var(--titre);font-weight:700;font-size:20px}
.personne b{display:block;font-weight:600}
.personne small{font-size:14px;color:var(--encre-2)}

.fil{display:grid;gap:14px}
.discussion{display:block;border:1px solid var(--ligne);border-left:4px solid var(--houblon);border-radius:6px;padding:14px 16px}
.discussion .qui{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--encre-2);margin-bottom:6px}
.discussion .qui i{width:30px;height:30px;border-radius:50%;background:var(--houblon);color:#fff;font-style:normal;display:grid;place-items:center;font-size:12px;font-weight:700}
.discussion .qui b{color:var(--encre);font-weight:600}
.discussion p{margin:0}
.discussion .compte{display:block;margin-top:8px;font-size:14px;color:var(--encre-2)}

.publicite.bandeau{max-width:var(--max);margin:26px auto 0;padding:10px var(--marge) 0;border-top:0}
.publicite.bandeau .emplacement{min-height:90px}

.infolettre{background:var(--stout);color:#F6EEDD}
.infolettre-ligne{max-width:var(--max);margin:0 auto;padding:34px var(--marge);display:grid;gap:14px}
@media (min-width:900px){.infolettre-ligne{grid-template-columns:1fr 1fr;align-items:center}}
.infolettre p{margin:8px 0 0;color:#D8CBB4}
.infolettre form{display:flex;flex-wrap:wrap;gap:8px}
.champ{flex:1;min-width:200px;border:1px solid #5A463B;border-radius:6px;padding:10px 12px;font:inherit;font-size:16px;background:#fff;color:var(--encre)}

@font-face{font-family:'Fraunces';src:url('/polices/fraunces.woff2') format('woff2');font-weight:300 900;font-display:swap}
@font-face{font-family:'Figtree';src:url('/polices/figtree.woff2') format('woff2');font-weight:300 900;font-display:swap}

.depart{background:var(--malt);border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne)}
.depart .ligne{padding-top:16px;padding-bottom:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.depart form{display:contents}
.depart-question{margin:0;font-weight:600}
.depart-choix{display:flex;flex-wrap:wrap;gap:8px}
.depart-choix button{font:inherit;font-size:14.5px;font-weight:600;padding:7px 14px;border-radius:999px;border:2px solid var(--u,var(--stout));background:#fff;color:var(--encre);cursor:pointer}
.depart-choix button[aria-current]{background:var(--u,var(--stout));color:#fff}

.attente .ligne{padding:60px var(--marge) 50px;max-width:62ch}
.attente-marque{font-family:var(--titre);font-weight:900;font-size:28px;color:var(--u);margin:0 0 10px}
.attente h1{font-size:clamp(30px,6vw,46px);margin-bottom:14px}
.attente .actions{margin-top:22px}
.note{background:#FFF8E5;border:1px solid #F0DFA8;border-radius:6px;padding:12px 14px;font-size:14.5px;color:#4F3800;margin:18px 0 0}

/* Formulaires et administration */
.formulaire-page{max-width:520px;margin:32px auto;padding:0 var(--marge)}
.formulaire label{display:block;font-weight:600;margin:14px 0 4px}
.formulaire label.ligne{display:flex;align-items:center;gap:8px;font-weight:500}
.formulaire input:not([type=checkbox]),.formulaire textarea,.formulaire select,.editeur input:not([type=checkbox]),.editeur textarea,.editeur select,.filtres input,.filtres select{width:100%;font:inherit;padding:8px 10px;border:1px solid #CFC3B2;border-radius:6px;background:#fff;box-sizing:border-box}
.formulaire .actions,.editeur .actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
.avis{background:#FFF7EA;border-left:4px solid var(--u,#C77B1E);padding:10px 14px;border-radius:0 6px 6px 0;margin:12px 0}
.avis-erreur{background:#FDECEC;border-color:#B3261E}
.avis ul{margin:6px 0 0;padding-left:18px}
.admin{max-width:var(--max);margin:0 auto;padding:16px var(--marge) 40px}
.admin-nav{display:flex;gap:16px;align-items:center;border-bottom:1px solid #E6DCCB;padding:10px 0;margin-bottom:16px}
.admin-nav a[aria-current]{font-weight:700;text-decoration:underline}
.admin-nav .bouton{margin-left:auto}
.admin-colonnes{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.liste-contenus{list-style:none;padding:0;margin:0}
.liste-contenus li{padding:8px 0;border-bottom:1px solid #EFE7D8}
.liste-contenus small{display:block;color:#6B5F52}
.filtres{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.filtres input,.filtres select{width:auto;flex:1 1 160px}
.tableau{width:100%;border-collapse:collapse;font-size:14.5px}
.tableau th,.tableau td{text-align:left;padding:8px 6px;border-bottom:1px solid #EFE7D8;vertical-align:top}
.statut{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12.5px;font-weight:600;background:#EFE7D8}
.statut-publie{background:#DDF3E4;color:#1B5E32}.statut-planifie{background:#E3EEF8;color:#1F4E79}.statut-relecture{background:#FFF1D6;color:#7A4B00}.statut-archive,.statut-retire{background:#E9E4DC;color:#5C5248}
.editeur{display:grid;gap:28px;grid-template-columns:minmax(0,1fr) 320px;align-items:start}
@media (max-width:900px){.editeur{grid-template-columns:1fr}}
.editeur label{display:block;font-weight:600;margin:12px 0 4px;font-size:14px}
.editeur-principal #titre{font-family:var(--titre);font-size:26px;font-weight:700}
.editeur-lateral{background:#FAF6EE;border:1px solid #E6DCCB;border-radius:10px;padding:16px;position:sticky;top:12px}
.bloc-statut{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #E6DCCB}
.enregistre{font-size:13px;color:#1B5E32;margin-left:8px}
.permalien{font-size:13.5px;word-break:break-all}
.barre-editeur{display:flex;flex-wrap:wrap;gap:4px;border:1px solid #CFC3B2;border-bottom:0;border-radius:6px 6px 0 0;padding:6px;background:#FAF6EE}
.barre-editeur button{font:inherit;font-size:13.5px;font-weight:600;padding:4px 9px;border:1px solid #D9CFBF;border-radius:4px;background:#fff;cursor:pointer}
.editeur-tiptap{border:1px solid #CFC3B2;border-radius:0 0 6px 6px;min-height:360px;background:#fff}
.editeur-tiptap .tiptap{padding:14px 16px;min-height:340px;outline:none;font-size:17px;line-height:1.6}
.editeur-tiptap .exergue{border-left:4px solid var(--u,#C77B1E);padding-left:14px;font-family:var(--titre);font-size:22px}
.editeur-tiptap .video-corps{background:#EFE7D8;padding:12px;border-radius:6px;font-size:13px}
.formulaire-slug{margin-top:24px;padding-top:16px;border-top:1px solid #E6DCCB}
.corps .exergue{border-left:4px solid var(--u);padding:4px 0 4px 18px;margin:28px 0;font-family:var(--titre);font-size:24px;line-height:1.35}
.corps .video-corps{position:relative;aspect-ratio:16/9;margin:24px 0}
.corps .video-corps iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:8px}
.bandeau-apercu{background:#1E1512;color:#F6EEDD;text-align:center;padding:8px;font-size:14px}