@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=EB+Garamond:ital,wght@0,400;1,400&family=Caveat:wght@400;600&display=swap');

:root{
  --fond:#EAE9D5; --vert:#2D4A3A; --olive:#6B7548; --sauge:#B8C5AB;
  --ocre:#C89963; --anthracite:#2A2E28; --gris:#5C6157; --gris-clair:#9A9E93;
}

*{box-sizing:border-box;}
body{margin:0;background:#DCDAC5;color:var(--anthracite);font-family:'EB Garamond',Georgia,serif;}

/* — En-tête : pont avec les pages Carrd — */
.site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
  max-width:900px;margin:0 auto;padding:20px 24px;}
.site-header .wm-logo{height:48px;width:auto;display:block;}
  color:var(--vert);text-decoration:none;}
.site-nav{display:flex;flex-wrap:wrap;gap:8px 22px;}
.site-nav a{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--vert);text-decoration:none;padding:2px 6px;border-bottom:1px solid transparent;transition:.15s;}
.site-nav a:hover{border-color:var(--ocre);}
.site-nav a.here{color:var(--olive);border-color:var(--olive);}

/* — Billet — */
.cb-wrap{background:var(--fond);border:1px solid var(--sauge);border-radius:12px;max-width:600px;
  margin:14px auto 30px;padding:34px 40px 30px;line-height:1.7;position:relative;
  box-shadow:0 8px 30px rgba(42,46,40,.08);}
.cb-cat{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--olive);margin-bottom:10px;}
.cb-titre{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:42px;line-height:1.05;
  color:var(--vert);margin:0 0 10px;max-width:80%;}
.cb-meta{font-style:italic;font-size:15px;color:var(--gris);margin-bottom:14px;}
.cb-spec{display:inline-block;border:1px solid var(--sauge);border-top:2px solid var(--vert);border-radius:2px;
  padding:6px 14px 5px;background:rgba(255,255,255,.28);}
.cb-spec .l{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gris-clair);display:block;margin-bottom:1px;}
.cb-spec .v{font-size:15px;color:var(--vert);}
.cb-spec .s{font-style:italic;font-size:14px;color:var(--gris);}
.cb-note{font-family:'Caveat',cursive;font-size:19px;color:var(--olive);transform:rotate(-2.5deg);
  display:inline-block;margin:14px 0 2px 4px;opacity:.92;}
.cb-note-fin{font-family:'Caveat',cursive;font-size:19px;color:var(--olive);transform:rotate(1.5deg);
  display:block;text-align:right;margin:-4px 6px 8px 0;opacity:.92;}
.cb-toggle{display:flex;gap:6px;margin:16px 0 6px;}
.cb-toggle button{font-family:'EB Garamond',serif;font-size:13px;letter-spacing:.04em;padding:4px 14px;
  border:1px solid var(--vert);border-radius:4px;background:transparent;color:var(--vert);cursor:pointer;transition:.15s;}
.cb-toggle button.on{background:var(--vert);color:var(--fond);}
.cb-fig{margin:14px 0 4px;padding:10px;background:var(--fond);border:1px solid var(--sauge);border-radius:4px;position:relative;}
.cb-fig .cb-frame{aspect-ratio:3/2;background:var(--sauge);border-radius:2px;overflow:hidden;}
.cb-fig img{width:100%;height:100%;object-fit:cover;display:block;}
.cb-cap{font-style:italic;font-size:12px;color:var(--gris-clair);text-align:center;margin-top:8px;}
.cb-corps p{margin:0 0 14px;font-size:18px;}
.cb-corps p:first-child::first-letter{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;
  font-size:54px;line-height:.72;float:left;color:var(--ocre);padding:6px 8px 0 0;}
.cb-lead{font-variant:small-caps;letter-spacing:.04em;color:var(--vert);}
.cb-corps h2,.cb-corps h3{font-family:'Cormorant Garamond',serif;color:var(--vert);font-weight:600;margin:24px 0 8px;}
.cb-corps blockquote{border-left:2px solid var(--sauge);margin:16px 0;padding:2px 0 2px 16px;
  color:var(--gris);font-style:italic;}
.cb-corps a{color:var(--olive);}
.cb-filet{display:flex;align-items:center;gap:16px;margin:22px 0;}
.cb-filet::before,.cb-filet::after{content:"";flex:1;height:1px;background:var(--vert);opacity:.55;}
.cb-filet svg{width:30px;height:30px;flex:none;display:block;}
.cb-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.cb-tag{font-size:12.5px;letter-spacing:.02em;color:var(--vert);background:rgba(107,117,72,.15);
  border:1px solid var(--sauge);border-radius:20px;padding:3px 12px;}
.cb-nav{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--sauge);
  padding-top:14px;font-size:13px;color:var(--vert);}
.cb-nav a{color:var(--vert);text-decoration:none;}
.cb-nav a:hover{color:var(--ocre);}
.cb-nav a,.cb-nav span{max-width:34%;}
.cb-nav .mid{color:var(--olive);font-style:italic;}

/* — Doodles décoratifs (facultatifs) — */
.cb-coin{position:absolute;top:30px;right:34px;width:56px;line-height:0;}
.cb-coin svg,.cb-coin img{width:100%;height:auto;opacity:.9;display:block;}
.cb-tampon{position:absolute;right:22px;bottom:22px;width:96px;transform:rotate(-12deg);opacity:.55;
  pointer-events:none;line-height:0;}
.cb-tampon svg,.cb-tampon img{width:100%;height:auto;display:block;}
.cb-inter{text-align:center;margin:4px 0 12px;line-height:0;}
.cb-inter svg,.cb-inter img{width:46px;height:auto;opacity:.85;display:inline-block;}
.cb-marge{margin:6px 0 14px;line-height:0;}
.cb-marge svg,.cb-marge img{width:42px;height:auto;opacity:.85;display:block;margin-left:40%;}

/* — Index / table des matières — */
.idx-wrap{max-width:660px;margin:14px auto 30px;padding:20px 24px;}
.idx-tete{text-align:center;margin-bottom:6px;}
.idx-titre{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:44px;color:var(--vert);margin:0;}
.idx-sous{font-style:italic;color:var(--gris);font-size:15px;margin:4px 0 0;}
.idx-filtres{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 26px;}
.fpast{font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;
  padding:3px 13px;border:1px solid var(--gris-clair);border-radius:20px;color:var(--gris);transition:.15s;}
.fpast:hover{border-color:var(--vert);color:var(--vert);}
.fpast.on{background:var(--vert);border-color:var(--vert);color:var(--fond);}
.idx-tagbanner{text-align:center;font-style:italic;color:var(--gris);font-size:14px;margin:-14px 0 22px;}
.idx-tagbanner a{color:var(--ocre);text-decoration:none;font-style:normal;font-size:17px;margin-left:4px;}
.idx-annee{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:15px;letter-spacing:.28em;
  color:var(--gris-clair);border-bottom:1px solid var(--sauge);padding-bottom:5px;margin:26px 0 4px;}
.idx-groupe{display:flex;flex-direction:column;}
.idx-entree{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"cat titre date" ". chapo chapo";
  gap:2px 14px;align-items:baseline;text-decoration:none;padding:13px 6px;border-bottom:1px solid rgba(184,197,171,.5);
  transition:background .15s;}
.idx-entree:hover{background:rgba(107,117,72,.07);}
.idx-cat{grid-area:cat;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;}
.idx-titre-e{grid-area:titre;font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--vert);line-height:1.2;}
.idx-date{grid-area:date;font-style:italic;font-size:13px;color:var(--gris-clair);white-space:nowrap;}
.idx-chapo{grid-area:chapo;font-size:14px;color:var(--gris);line-height:1.5;margin-top:2px;}
.idx-vide{text-align:center;color:var(--gris);font-style:italic;padding:30px 0;}
@media (max-width:520px){
  .idx-entree{grid-template-columns:1fr auto;grid-template-areas:"cat date" "titre titre" "chapo chapo";}
  .idx-titre{font-size:36px;}
}

/* — Pied — */
.site-footer{max-width:900px;margin:0 auto;padding:8px 24px 40px;text-align:center;
  font-size:13px;color:var(--gris);}
.site-footer a{color:var(--olive);text-decoration:none;}

@media (max-width:560px){
  .cb-wrap{padding:26px 22px;}
  .cb-titre{font-size:34px;}
  .site-header{justify-content:center;}
}