/* Mon Barista Maison — identité « comptoir de torréfacteur » sur tout le site (11/11/2026).
   Palette café (expresso, crema, cuivre), ardoise pour les sommaires, ticket pour « En une tasse »,
   écrans de balance pour les outils, grain discret sur les sections teintées. Aucune police externe. */
:root{--fond:#F5EEE3;--fond-2:#EADCC6;--papier:#FFFCF6;--trait:#E0D1BA;--trait-fort:#C6B192;--encre:#1E130C;--encre-2:#5A4433;--lien:#8A4316;--lien-fonce:#5E2C0C;--torref:#B4521A;--torref-fonce:#8C3D10;--torref-pale:#F6E2CF;--vert:#2A1A10;--vert-2:#3B2618;--vert-pale:#F1E4D2;--crema:#E2B266;--crema-pale:#F6E6C8;--lcd:#140D08;--lcd-txt:#F6DFB2;--lcd-doux:#C8AE8C;--r-s:10px;--r-m:18px;--r-l:26px}
body{background:var(--fond)}
::selection{background:var(--crema-pale)}
a{color:var(--lien)}
.section.teinte{background-color:var(--fond-2);background-image:radial-gradient(rgba(94,58,30,.08) 1.3px,transparent 1.4px);background-size:20px 20px}
.heros{background:radial-gradient(120% 90% at 85% 0%,#4B2E1B 0,#2A1A10 55%,#190F09 100%)}
.heros-preuves{color:#D8C2A3;border-top-color:rgba(246,223,178,.22)}
.heros-preuves b{color:#F6DFB2}
.pesee{background:var(--papier)}
.mb-lcd{background:#3A2718}
.mb-chiffres b{color:var(--torref)}

/* Intertitres : un grain de café devant chaque titre de section */
.corps>h2,.section-tete h2,.mb-accueil-tete h2{position:relative}
.corps>h2::before,.section-tete h2::before,.mb-accueil-tete h2::before{content:"";display:inline-block;width:.5em;height:.68em;margin:0 .42em .02em 0;vertical-align:baseline;border-radius:50%;transform:rotate(-22deg);background:linear-gradient(100deg,transparent 45%,var(--fond) 46% 54%,transparent 55%),var(--torref)}
.section.teinte .section-tete h2::before{background:linear-gradient(100deg,transparent 45%,var(--fond-2) 46% 54%,transparent 55%),var(--torref)}

/* Ligne de date, durée et sources : des étiquettes de sachet */
.tete .meta li,.mb-intro .meta li{background:var(--papier);border:1px solid var(--trait);border-radius:999px;padding:3px 11px}

/* Sommaire des guides : l'ardoise du comptoir */
.toc-colonne nav{background:#2B2420;color:#EDE4D3;border-radius:14px;padding:16px 18px 18px;box-shadow:inset 0 0 0 6px #6A4527,0 18px 30px -22px rgba(0,0,0,.6)}
.toc-colonne p{font:italic 600 1.05rem/1.2 var(--serif);color:#F6DFB2;border-bottom:1px dashed rgba(246,223,178,.35)}
.toc-colonne a{color:#E3D6C1;border-left-color:transparent}
.toc-colonne a:hover,.toc-colonne a.actif,.toc-colonne a[aria-current]{color:#FFE6B8;border-left-color:var(--crema)}
.sommaire-mobile{background:#2B2420;color:#EDE4D3;border-radius:14px;box-shadow:inset 0 0 0 5px #6A4527}
.sommaire-mobile summary{color:#F6DFB2}
.sommaire-mobile a{color:#E3D6C1}

/* « En une tasse » : un ticket de comptoir */
.essentiel{position:relative;background:var(--papier);color:var(--encre);border-radius:6px;border-top:2px dashed var(--trait-fort);border-bottom:2px dashed var(--trait-fort);box-shadow:0 14px 30px -24px rgba(30,19,12,.55)}
.essentiel::before,.essentiel::after{content:"";position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--fond)}
.essentiel::before{left:-11px}.essentiel::after{right:-11px}
.essentiel h2{color:var(--torref-fonce);font:700 .85rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.essentiel p,.essentiel li{color:var(--encre)}
.essentiel strong{color:var(--encre)}
.essentiel a{color:var(--lien)}
.essentiel li::marker{content:"• ";color:var(--torref)}

/* « Le matériel, en bref » : carte kraft à liseré cuivre */
.selection{background:var(--fond-2);border:0;border-left:6px solid var(--torref);border-radius:var(--r-l)}
.selection li{border-top-color:rgba(94,58,30,.18)}

/* Accueil : outils « au comptoir », écran de balance en tête de chaque carte */
.mb-comptoir{display:grid;gap:14px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.mb-comptoir li{margin:0}
.mb-comptoir a{display:flex;flex-direction:column;height:100%;background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-m);padding:12px 12px 16px;text-decoration:none;color:var(--encre);transition:transform .2s,box-shadow .2s}
.mb-comptoir a:hover{transform:translateY(-2px);box-shadow:0 16px 30px -20px rgba(30,19,12,.5);color:var(--encre)}
.mb-ecran{display:block;background:var(--lcd);color:var(--lcd-txt);border-radius:12px;padding:12px 14px;margin-bottom:12px;font:600 1.6rem/1 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.mb-ecran small{display:block;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--lcd-doux);margin-top:6px}
.mb-comptoir strong{font:600 1.12rem/1.25 var(--serif)}
.mb-comptoir span.d{font-size:.95rem;color:var(--encre-2);margin-top:4px}
.mb-comptoir em{margin-top:auto;padding-top:10px;font-style:normal;font-weight:650;font-size:.92rem;color:var(--torref-fonce)}

/* Accueil : « Derrière le comptoir », trois engagements en carnet numéroté */
.mb-carnet{counter-reset:c;display:grid;gap:16px;margin:0;padding:0;list-style:none}
@media (min-width:860px){.mb-carnet{grid-template-columns:repeat(3,1fr)}}
.mb-carnet li{counter-increment:c;margin:0;background:var(--papier);border-radius:var(--r-m);padding:20px 20px 18px;border:1px solid var(--trait);position:relative}
.mb-carnet li::before{content:counter(c);position:absolute;top:-14px;left:18px;width:30px;height:30px;border-radius:50%;background:var(--torref);color:#fff;display:grid;place-items:center;font:700 .95rem/1 var(--sans)}
.mb-carnet strong{display:block;font:600 1.15rem/1.25 var(--serif);margin:6px 0 6px}
.mb-carnet p{margin:0;color:var(--encre-2)}

/* Rubrique comparatifs : tableau de choix rapide */
.mb-choix{width:100%;border-collapse:separate;border-spacing:0;background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-m);overflow:hidden;font-size:.98rem;margin:10px 0 26px}
.mb-choix th,.mb-choix td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--trait);vertical-align:top}
.mb-choix thead th{background:var(--vert);color:#F6DFB2;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
.mb-choix tr:last-child td,.mb-choix tr:last-child th{border-bottom:0}
@media (max-width:700px){.mb-choix thead{display:none}.mb-choix,.mb-choix tbody,.mb-choix tr,.mb-choix th,.mb-choix td{display:block;width:100%}.mb-choix tr{border-bottom:1px solid var(--trait);padding:6px 0}.mb-choix th,.mb-choix td{border:0;padding:4px 14px}.mb-choix td::before{content:attr(data-label) " : ";font-weight:650;color:var(--encre-2)}}

/* Bandeau de consentement : un ticket sombre */
.bandeau-mesure{background:#24160D;color:#F1E4D2;border:0;border-radius:16px;box-shadow:0 24px 60px -18px rgba(0,0,0,.55)}
.bandeau-mesure a{color:var(--crema)}
.bandeau-mesure .bouton{background:var(--crema);border-color:var(--crema);color:#24160D}
.bandeau-mesure .bouton.second{background:transparent;border-color:rgba(241,228,210,.45);color:#F1E4D2}

/* Pied de page */
.pied{background:#1B110A}

/* Menu mobile sur une ligne, défilant */
@media (max-width:640px){
  .menu{flex-wrap:nowrap;justify-content:flex-start;gap:16px;overflow-x:auto;margin:0 calc(-1*var(--gouttiere));padding:0 var(--gouttiere);scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
  .menu::-webkit-scrollbar{display:none}
  .menu a{flex:none;white-space:nowrap;font-size:.95rem}
}
@media print{.bandeau-mesure{display:none!important}}