@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-italic-500.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-normal-500.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-normal-600.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/ebgaramond-italic-400.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ebgaramond-normal-400.woff2) format('woff2')}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ebgaramond-normal-500.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plexmono-normal-400.woff2) format('woff2')}
/* =====================================================================
   Le Prince du Lac — le site en carnet de botanique ouvert.
   Ce fichier reprend, sans le modifier, le style de la maquette validée
   le 21 septembre 2026 ; carnet-pages.js y verse le contenu de WordPress.
   ===================================================================== */

body.carnet{
  --bureau:#E4DCC9; --papier:#F7F3E8; --papier-ombre:#EDE6D4; --encre:#1F3A2E; --crayon:#6E6A5E;
  --filet:#CFC7B2; --cartouche:#DCE8D2; --cartouche-txt:#2E4A3A; --garance:#B5563A;
}
*{box-sizing:border-box}
html{background:var(--bureau);overflow-x:hidden}
body.carnet{margin:0;background:var(--bureau);color:var(--encre);font-family:"EB Garamond",Garamond,"Times New Roman",serif;font-size:17px;line-height:1.5;padding-inline:16px;padding-block:0 48px}
a{color:inherit}
.mono{font-family:"IBM Plex Mono",Menlo,monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--crayon)}

/* --- en-tête clair --- */
header{max-width:1240px;margin:0 auto;padding-block:22px 0}
.marque{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px}
header{border-bottom:1px solid var(--encre);padding-bottom:8px}
.marque h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:30px;letter-spacing:.06em;text-transform:uppercase;margin:0}
.marque .devise{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:21px;color:var(--crayon);margin:0}
.marque .devise em{color:var(--encre)}
.mention{max-width:1240px;margin:14px auto 10px;font-style:italic;color:var(--crayon);font-size:15px}

/* --- le carnet : deux pages, la spirale au centre --- */
.carnet{max-width:1240px;margin:0 auto;position:relative;overflow:clip}
.double{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:stretch;min-height:760px}
.double[hidden]{display:none}
.page{min-width:0;z-index:1;background:var(--papier);position:relative;padding:34px 38px 54px;box-shadow:0 18px 40px rgba(40,35,20,.28),0 2px 6px rgba(40,35,20,.18)}
.page.gauche{border-radius:10px 0 0 10px;padding-right:30px;background-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 92%,rgba(0,0,0,.08) 100%)}
.page.droite{border-radius:0 10px 10px 0;padding-left:30px;background-image:linear-gradient(90deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,0) 8%,rgba(0,0,0,0) 100%)}
/* la spirale : un fil rond enroulé en hélice, calculé et éclairé (spirale.png), répété le
   long du dos ; le fil passe sur les deux pages et revient dessous, visible dans l'entre-deux */
.spirale{position:relative;z-index:3}
.spirale::before{content:"";position:absolute;top:10px;bottom:10px;left:-18px;width:74px;background:url(../img/spirale-v1.png) repeat-y left top/74px 72px;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
.folio{position:absolute;bottom:18px;font-family:"IBM Plex Mono",Menlo,monospace;font-size:11px;letter-spacing:.12em;color:var(--crayon)}
.page.gauche .folio{left:38px}
.page.droite .folio{right:38px}
.courant{position:absolute;top:14px;font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:15px;color:var(--crayon)}
.page.gauche .courant{left:38px}
.page.droite .courant{right:38px}

/* --- contenu des pages --- */
.planche{margin:26px 0 0}
.planche img{display:block;width:100%;max-width:100%;border:1px solid var(--filet);padding:6px;background:#fff}
.planche figcaption{margin-top:8px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-style:italic;color:var(--crayon);font-size:15px}
.titre{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:44px;line-height:1.05;margin:22px 0 0;text-wrap:balance}
.latin{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:24px;color:var(--crayon);margin:4px 0 0}
.etiquette{margin:20px 0 22px;border:1px solid var(--encre);padding:12px 14px;background:var(--papier-ombre);display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 14px;font-size:15.5px}
.etiquette .mono{padding-top:3px}
.chapo{font-size:19px;line-height:1.5;margin:0 0 14px}
.chapo::first-letter{font-family:"Cormorant Garamond",Georgia,serif;font-size:3em;float:left;line-height:.82;padding:5px 7px 0 0}
p{margin:0 0 13px}
h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:27px;margin:24px 0 10px;display:flex;align-items:baseline;gap:12px;text-wrap:balance}
h2:first-child{margin-top:22px}
h2 .num{font-family:"IBM Plex Mono",Menlo,monospace;font-size:14px;letter-spacing:.12em;background:var(--cartouche);color:var(--cartouche-txt);padding:5px 9px 4px;flex:none;transform:translateY(-3px);min-width:36px;text-align:center}
h3{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:21px;margin:16px 0 6px}
dl{margin:0 0 12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 14px}
dt{font-weight:500}
dd{margin:0}
.garde{margin:20px 0;padding:12px 16px 12px 18px;border-left:3px solid var(--garance);background:var(--papier-ombre)}
.garde .mono{color:var(--garance);display:block;margin-bottom:4px}
.voisines{margin-top:26px;border-top:1px solid var(--encre);padding-top:10px}
.voisines ul{list-style:none;padding:0;margin:6px 0 0}
.voisines li{border-bottom:1px solid var(--filet);padding:5px 0}
.voisines li i{color:var(--crayon)}
.croquis{margin:20px 0 0;border:1px dashed var(--filet);padding:18px;font-style:italic;color:var(--crayon);text-align:center}

/* --- tourner les pages : deux boutons, sans animation --- */
.tourner{max-width:1240px;margin:18px auto 0;display:flex;justify-content:space-between;align-items:center;gap:16px}
/* les boutons d'action sont des feuilles : celle de gauche pour revenir, celle de droite
   pour avancer. L'image est provisoire (découpée dans la planche) en attendant les photographies. */
.tourner button{font:inherit;font-size:17px;font-family:"Cormorant Garamond",Georgia,serif;background:none;border:0;
  color:var(--encre);padding:2px 4px;cursor:pointer;display:inline-flex;gap:10px;align-items:center;line-height:1.1}
.tourner button img{height:46px;width:auto;display:block;transform-origin:center;
  filter:drop-shadow(0 3px 4px rgba(40,35,20,.28))}
.tourner button:hover{color:var(--garance)}
.tourner button:disabled{opacity:.3;cursor:default;filter:grayscale(1)}
.tourner button:disabled:hover{color:var(--encre)}
@media (prefers-reduced-motion:no-preference){
  .tourner button img{transition:transform .18s ease}
  .tourner button:hover:not(:disabled) img{transform:rotate(-4deg) scale(1.06)}
  .tourner button:last-child:hover:not(:disabled) img{transform:rotate(4deg) scale(1.06)}
}
.tourner button:focus-visible,nav a:focus-visible{outline:2px solid var(--garance);outline-offset:2px}
.tourner .ou{font-family:"IBM Plex Mono",Menlo,monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--crayon)}
footer{max-width:1240px;margin:44px auto 0;border-top:1px solid var(--encre);padding-top:10px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px}

/* --- l'écran d'ordinateur : tout tient dans la fenêtre, sans défilement de la page.
   Le carnet prend la place restante entre l'en-tête et les boutons ; si le texte d'une page
   déborde, il défile à l'intérieur de cette page, comme on lirait un carnet posé. --- */
@media (min-width:821px){
  html,body{height:100%}
  body{display:flex;flex-direction:column;overflow:hidden;padding-block:0 14px}
  header,.mention,.tourner,footer{flex:none}
  header{padding-block:16px 0}
  .mention{margin:10px auto 8px}
  .carnet{flex:1 1 auto;min-height:0;width:100%}
  .double{height:100%;min-height:0}
  .page{display:flex;flex-direction:column;overflow:hidden;padding:36px 32px 34px}
  .page.gauche{padding-right:26px}
  .page.droite{padding-left:26px}
  /* le feuillet est la partie qui défile ; le titre courant et le folio restent en place */
  .feuillet{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;
            scrollbar-width:thin;scrollbar-color:var(--filet) transparent;padding-right:4px}
  .page.gauche .planche{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;margin-top:14px}
  /* le cadre épouse la planche : elle se réduit en hauteur sans laisser de blanc autour */
  .page.gauche .planche img{flex:0 1 auto;min-height:0;width:auto;max-width:100%;max-height:100%;height:auto}
  .page.gauche .planche figcaption{width:100%}
  .titre{margin-top:6px}
  .courant{top:16px}
  .folio{bottom:14px}
  footer{margin:16px auto 0}
  .tourner{margin-top:12px}
}


/* --- le menu : trois barres en haut à gauche, pour laisser toute la largeur au carnet --- */
.barre{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:16px;position:relative;z-index:20}
.ouvrir{flex:none;display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:38px;
  background:transparent;border:1px solid var(--filet);border-radius:4px;cursor:pointer;padding:0 9px}
.ouvrir span{display:block;height:2px;background:var(--encre);border-radius:2px}
.ouvrir:hover{background:var(--papier-ombre)}
.ouvrir:focus-visible{outline:2px solid var(--garance);outline-offset:2px}
.ouvrir[aria-expanded="true"]{background:var(--papier)}
.tiroir{position:absolute;top:calc(100% + 8px);left:0;background:var(--papier);border:1px solid var(--filet);
  border-radius:4px;box-shadow:0 16px 40px rgba(40,35,20,.30);padding:14px 0 10px;min-width:280px;max-width:min(92vw,900px);
  max-height:min(72vh,620px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--filet) transparent}
.tiroir[hidden]{display:none}
.tiroir.large{width:min(92vw,860px)}
.tiroir .titre-tiroir{font-family:"IBM Plex Mono",Menlo,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--crayon);padding:0 18px 8px;display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.tiroir .titre-tiroir button{font:inherit;background:none;border:0;color:var(--garance);cursor:pointer;padding:0}
.tiroir a,.tiroir .rubrique{display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;color:var(--encre);text-decoration:none;
  padding:6px 18px;background:none;border:0;width:100%;text-align:left;cursor:pointer}
.tiroir a:hover,.tiroir .rubrique:hover{background:var(--papier-ombre);color:var(--garance)}
.tiroir .compte{font-family:"IBM Plex Mono",Menlo,monospace;font-size:10.5px;letter-spacing:.06em;color:var(--crayon)}
.tiroir .chercher{display:flex;margin:2px 18px 10px}
.tiroir .chercher input{flex:1;min-width:0;font:inherit;font-size:15px;background:var(--papier-ombre);
  border:1px solid var(--filet);padding:7px 11px;color:var(--encre)}
.repertoire{columns:3;column-gap:24px;padding:0 18px 6px}
.repertoire .lettre{font-family:"IBM Plex Mono",Menlo,monospace;font-size:10.5px;letter-spacing:.14em;color:var(--garance);
  break-after:avoid;margin:9px 0 3px;padding-bottom:2px;border-bottom:1px solid var(--filet)}
.repertoire .lettre:first-child{margin-top:0}
.repertoire a{display:block;font-size:15.5px;line-height:1.35;padding:1px 0;break-inside:avoid;
  font-family:"EB Garamond",Garamond,serif}
.repertoire a:hover{background:none}
@media (max-width:820px){
  .tiroir{min-width:min(88vw,320px)}
  .repertoire{columns:2;column-gap:16px}
}

/* --- tourner la page : le feuillet pivote autour du dos, sa face arrière portant la page
   qui vient. La double page suivante est posée dessous, découverte à mesure. --- */
.carnet{perspective:2400px;perspective-origin:50% 45%}
.volet{position:absolute;z-index:9;transform-style:preserve-3d;pointer-events:none;
  transition:transform .72s cubic-bezier(.42,.02,.24,1)}
.volet .face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:var(--papier)}
.volet .face.verso{transform:rotateY(180deg)}
.volet .face > .page{position:absolute;inset:0;width:100%;height:100%;box-shadow:none;border-radius:0}
/* le galbe : une ombre qui glisse sur la feuille pendant qu'elle se lève */
.volet .face::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  transition:opacity .72s cubic-bezier(.42,.02,.24,1)}
.volet .face.recto::after{background:linear-gradient(90deg,rgba(40,35,20,.34),rgba(40,35,20,0) 42%)}
.volet .face.verso::after{background:linear-gradient(270deg,rgba(40,35,20,.34),rgba(40,35,20,0) 42%)}
.volet.enroute .face::after{opacity:1}
.volet.enroute{box-shadow:0 22px 44px rgba(40,35,20,.30)}
.dessous{position:absolute;z-index:1;overflow:hidden;background:var(--papier);
  box-shadow:0 18px 40px rgba(40,35,20,.28),0 2px 6px rgba(40,35,20,.18)}
.dessous > .page{position:absolute;inset:0;width:100%;height:100%;box-shadow:none}
@media (prefers-reduced-motion:reduce){
  .volet{transition:none}
  .volet .face::after{transition:none}
}

/* --- ce qui vient du site et que le carnet remplace --- */
body.carnet #masthead, body.carnet #masthead .header-main{background:none !important;background-image:none !important;
  border:0 !important;box-shadow:none !important;padding:0 !important;min-height:0 !important;height:auto !important}
body.carnet .site-branding-botanical{background:none !important;min-height:0 !important;padding:0 !important;
  margin:0;overflow:visible !important;display:block !important;flex:1;min-width:0;border:0}
body.carnet .site-branding-botanical::before, body.carnet .site-branding-botanical::after{display:none !important;content:none !important}
body.carnet .site-branding-rail, body.carnet .site-branding-badge, body.carnet #main-navigation-wrap{display:none !important}
body.carnet .site-title, body.carnet .site-title a{font-family:"Cormorant Garamond",Georgia,serif !important;
  font-weight:600 !important;font-size:30px !important;letter-spacing:.06em;text-transform:uppercase;
  color:var(--encre) !important;text-shadow:none !important;margin:0}
body.carnet .site-slogan{font-family:"Cormorant Garamond",Georgia,serif !important;font-style:italic;
  font-size:21px !important;color:var(--crayon) !important;text-shadow:none !important;margin:0}
body.carnet .persistent-search-bar{background:transparent !important;border:0 !important;box-shadow:none !important;
  max-width:1240px;margin:0 auto;padding:8px 0 0 !important}
body.carnet .persistent-search-bar input{background:var(--papier) !important;border:1px solid var(--filet) !important;
  color:var(--encre) !important;font-family:inherit;font-size:16px;padding:7px 11px;border-radius:0}
body.carnet .persistent-search-bar button, body.carnet .persistent-search-bar input[type="submit"]{
  background:var(--cartouche) !important;color:var(--cartouche-txt) !important;border:1px solid var(--filet) !important;
  font-family:"Cormorant Garamond",Georgia,serif;font-size:16px;padding:7px 16px;border-radius:0}
/* le contenu d'origine disparaît : le carnet le reprend */
body.carnet.carnet-pose #content.site-content{display:none !important}
body.carnet #colophon.site-footer{background:transparent !important;border:0;margin-top:24px}
body.carnet #colophon, body.carnet #colophon a{color:var(--crayon);font-family:"IBM Plex Mono",Menlo,monospace;
  font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}

/* --- la barre : bouton à trois barres, à gauche du nom --- */
body.carnet #masthead .header-main{display:block !important}
.carnet-barre{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:16px;position:relative;z-index:30;
  border-bottom:1px solid var(--encre);padding:16px 0 8px}
.carnet-ouvrir{flex:none;display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:38px;
  background:transparent;border:1px solid var(--filet);border-radius:4px;cursor:pointer;padding:0 9px}
.carnet-ouvrir span{display:block;height:2px;background:var(--encre);border-radius:2px}
.carnet-ouvrir:hover{background:var(--papier-ombre)}
.carnet-ouvrir:focus-visible{outline:2px solid var(--garance);outline-offset:2px}
.carnet-tiroir{position:absolute;top:calc(100% + 8px);left:0;background:var(--papier);border:1px solid var(--filet);
  border-radius:4px;box-shadow:0 16px 40px rgba(40,35,20,.30);padding:14px 0 10px;min-width:280px;
  max-width:min(92vw,900px);max-height:min(74vh,640px);overflow:auto;z-index:31}
.carnet-tiroir.large{width:min(92vw,860px)}
.carnet-tiroir[hidden]{display:none}
.carnet-tiroir .tete{font-family:"IBM Plex Mono",Menlo,monospace;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--crayon);padding:0 18px 8px;display:flex;justify-content:space-between;gap:16px}
.carnet-tiroir .tete button{font:inherit;background:none;border:0;color:var(--garance);cursor:pointer;padding:0}
.carnet-tiroir a, .carnet-tiroir .rubrique{display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;color:var(--encre);text-decoration:none;
  padding:6px 18px;background:none;border:0;width:100%;text-align:left;cursor:pointer}
.carnet-tiroir a:hover, .carnet-tiroir .rubrique:hover{background:var(--papier-ombre);color:var(--garance)}
.carnet-tiroir .compte{font-family:"IBM Plex Mono",Menlo,monospace;font-size:10.5px;color:var(--crayon)}
.carnet-tiroir .filtre{display:flex;margin:2px 18px 10px}
.carnet-tiroir .filtre input{flex:1;min-width:0;font:inherit;font-size:15px;background:var(--papier-ombre);
  border:1px solid var(--filet);padding:7px 11px;color:var(--encre);border-radius:0}
.carnet-tiroir .repertoire{columns:3;column-gap:24px;padding:0 18px 6px}
.carnet-tiroir .repertoire .lettre{font-family:"IBM Plex Mono",Menlo,monospace;font-size:10.5px;letter-spacing:.14em;
  color:var(--garance);break-after:avoid;margin:9px 0 3px;padding-bottom:2px;border-bottom:1px solid var(--filet)}
.carnet-tiroir .repertoire a{display:block;font-family:"EB Garamond",Garamond,serif;font-size:15.5px;
  line-height:1.35;padding:1px 0;break-inside:avoid}

/* --- le texte de WordPress, sur la page du carnet --- */
.page .entree h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:26px;color:var(--encre);
  text-transform:none;letter-spacing:0;margin:18px 0 10px;border:0;padding:0}
.page .entree h3{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:21px;
  color:var(--encre);margin:14px 0 6px;border:0;padding:0}
.page .entree p, .page .entree li{font-size:16.5px;line-height:1.5}
.page .entree a{color:var(--cartouche-txt);text-decoration-color:var(--filet)}
.page .entree a:hover{color:var(--garance)}
.page .entree img{max-width:100%;height:auto;border:1px solid var(--filet);padding:5px;background:#fff}
.page .entree blockquote{border-left:3px solid var(--garance);background:var(--papier-ombre);padding:10px 14px;margin:16px 0}
.page .entree ul, .page .entree ol{padding-left:22px;margin:0 0 12px}
.page .planche img{border:1px solid var(--filet);padding:6px;background:#fff}
.carnet-vide{max-width:1240px;margin:20px auto;padding:20px;background:var(--papier);border:1px solid var(--filet)}

/* --- tout tient dans la fenêtre, comme dans la maquette validée --- */
@media (min-width:821px){
  html, body.carnet{height:100%}
  body.carnet{overflow:hidden;padding:0 16px 10px}
  /* le thème enveloppe tout dans #page : c'est lui qui doit tenir dans la fenêtre */
  body.carnet #page{display:flex !important;flex-direction:column;height:100%;overflow:hidden}
  body.carnet #masthead, body.carnet .persistent-search-bar, body.carnet #colophon,
  body.carnet .tourner{flex:none}
  body.carnet .carnet{flex:1 1 auto;min-height:0;width:100%;max-width:1240px;margin:12px auto 0}
  body.carnet .double{height:100%;min-height:0}
  body.carnet .tourner{margin:10px auto 0}
  body.carnet #colophon.site-footer{margin-top:10px}
}
/* la ligne de méta sous le titre : sobre, sur une seule ligne */
body.carnet .page .latin, body.carnet .page .entry-meta{font-family:"IBM Plex Mono",Menlo,monospace !important;
  font-size:10.5px !important;letter-spacing:.1em;text-transform:uppercase;color:var(--crayon) !important;
  font-style:normal !important;background:none !important;border:0 !important;padding:0 !important;margin:6px 0 14px}
body.carnet .page .entry-meta a{color:var(--crayon) !important;text-decoration:none}
body.carnet .page .entry-meta time + time, body.carnet .page .entry-meta .updated{display:none !important}

body.carnet #colophon.site-footer, body.carnet #colophon .site-info, body.carnet #footer-line,
body.carnet #colophon > *{background:transparent !important;background-image:none !important;border:0 !important}
body.carnet .persistent-search-bar form{display:flex;gap:8px;max-width:620px;margin:0 auto}
body.carnet .persistent-search-bar input[type="search"], body.carnet .persistent-search-bar input[type="text"]{flex:1;min-width:0}

/* --- le thème enferme la page dans une boîte blanche de 1240 px collée à gauche
   (classes « wide-theme-layout » et « has-box-shadow ») : on libère toute la largeur --- */
body.carnet{max-width:none !important;width:auto !important;margin:0 !important;
  background:var(--bureau) !important;display:block !important;box-shadow:none !important}
body.carnet #page, body.carnet .site{max-width:none !important;width:auto !important;
  margin:0 !important;background:transparent !important;box-shadow:none !important;border:0 !important}
@media (min-width:821px){
  body.carnet #page{display:flex !important;flex-direction:column;height:100%;overflow:hidden}
  body.carnet #masthead{margin:0 !important;width:auto !important;max-width:none !important}
}

/* le pied du thème est un bandeau vert plein : on le ramène au papier */
body.carnet #colophon, body.carnet #colophon *{background-color:transparent !important;
  background-image:none !important;border-color:var(--filet) !important}
body.carnet #colophon{border-top:1px solid var(--filet) !important;padding:8px 0 !important}
body.carnet #colophon .counter-digit, body.carnet #colophon .counter span{color:var(--crayon) !important;
  background:var(--papier-ombre) !important;border:1px solid var(--filet) !important}

/* le bandeau vert est porté par #footer-wrap, au-dessus de #colophon */
html body.carnet #footer-wrap{background:transparent !important;background-image:none !important;
  border-top:1px solid var(--filet) !important}
html body.carnet #footer-wrap, html body.carnet #footer-wrap a,
html body.carnet #footer-wrap span{color:var(--crayon) !important}
html body.carnet .footer-visit-counter-digit{background:var(--papier-ombre) !important;
  color:var(--crayon) !important;border:1px solid var(--filet) !important}
html body.carnet, html body.carnet #page{background:var(--bureau) !important}
html body.carnet #page{background:transparent !important}

/* la consigne de zoom du thème n'a pas sa place sur la planche du carnet */
body.carnet .carnet .zoom-hint{display:none !important}
/* le bandeau du pied, quel que soit le conteneur qui le porte */
html body.carnet [id*="footer"], html body.carnet [class*="footer-wrap"]{
  background-color:transparent !important;background-image:none !important}
html body.carnet [id*="footer"]{color:var(--crayon) !important}
/* un titre ne reste jamais seul en bas d'une page */
body.carnet .page .entree h2, body.carnet .page .entree h3{break-after:avoid}

/* les boutons du thème (« Lire la suite », étiquettes) passent au vert pâle du carnet */
body.carnet .carnet .more-link, body.carnet .carnet .read-more, body.carnet .carnet .btn,
body.carnet .carnet .entry-more a, body.carnet .carnet a.button{
  background:var(--cartouche) !important;color:var(--cartouche-txt) !important;
  border:1px solid var(--cartouche-txt) !important;border-radius:0 !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;font-size:16px !important;
  padding:7px 14px !important;text-transform:none !important;letter-spacing:0 !important;box-shadow:none !important}
body.carnet .carnet .more-link:hover, body.carnet .carnet .read-more:hover{
  background:var(--cartouche-txt) !important;color:var(--papier) !important}
body.carnet .carnet .entry-categories a, body.carnet .carnet .cat-links a{
  background:var(--papier-ombre) !important;color:var(--crayon) !important;border:1px solid var(--filet) !important}

/* --- les pages de liste (rubriques, recherche, archives) : pas de double page,
   mais le même papier, la même spirale au dos et la même typographie --- */
body.carnet.carnet-liste #content.site-content{display:flex !important;align-items:flex-start;
  gap:0 34px;max-width:1240px;margin:16px auto 0;padding:0}
body.carnet.carnet-liste #main.site-main{order:1 !important;flex:1 1 auto;min-width:0;position:relative;
  background:var(--papier);box-shadow:0 18px 40px rgba(40,35,20,.28),0 2px 6px rgba(40,35,20,.18);
  border-radius:0 10px 10px 0;padding:30px 36px 40px 58px;border:0}
body.carnet.carnet-liste #main.site-main::before{content:"";position:absolute;left:-18px;top:10px;bottom:10px;
  width:74px;background:url(../img/spirale-v1.png) repeat-y left top/74px 72px;z-index:3;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 18px,#000 calc(100% - 18px),transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
body.carnet.carnet-liste #secondary.sidebar{order:2 !important;flex:0 0 240px;width:240px !important;
  background:transparent;border:0;box-shadow:none;padding:20px 0 0}
body.carnet.carnet-liste #secondary .widget{background:transparent !important;border:0 !important;
  box-shadow:none !important;padding:0 0 22px !important;margin:0 !important}
body.carnet.carnet-liste #secondary .widget-title{font-family:"IBM Plex Mono",Menlo,monospace !important;
  font-size:10.5px !important;letter-spacing:.14em;text-transform:uppercase;color:var(--crayon) !important;
  background:transparent !important;border:0 !important;border-bottom:1px solid var(--filet) !important;
  padding:0 0 4px !important;margin:0 0 8px !important}
body.carnet.carnet-liste #secondary li{border-bottom:1px solid var(--filet);padding:5px 0;list-style:none}
body.carnet.carnet-liste #secondary ul{padding:0;margin:0}
body.carnet.carnet-liste #secondary a{color:var(--encre);text-decoration:none;font-size:16px}
body.carnet.carnet-liste #secondary a:hover{color:var(--garance)}
body.carnet.carnet-liste .entry-title, body.carnet.carnet-liste .page-title{
  font-family:"Cormorant Garamond",Georgia,serif !important;font-weight:500 !important;font-size:34px !important;
  color:var(--encre) !important;text-transform:none !important;letter-spacing:0;border:0 !important}
body.carnet.carnet-liste article{background:transparent;border:0;box-shadow:none;
  border-bottom:1px solid var(--filet);padding:0 0 22px;margin:0 0 22px}
body.carnet.carnet-liste .entry-content p, body.carnet.carnet-liste .entry-summary p{font-size:17px;line-height:1.55}
/* sur une page de liste, la fenêtre n'a pas à contenir toute la page */
@media (min-width:821px){
  html body.carnet.carnet-liste{height:auto;overflow:visible}
  body.carnet.carnet-liste #page{display:block !important;height:auto;overflow:visible}
}
@media (max-width:820px){
  body.carnet.carnet-liste #content.site-content{flex-direction:column}
  body.carnet.carnet-liste #main.site-main{padding:56px 20px 34px;border-radius:0 0 10px 10px}
  body.carnet.carnet-liste #main.site-main::before{left:10px;right:10px;top:-18px;bottom:auto;width:auto;height:74px;
    background:url(../img/spirale-couchee-v1.png) repeat-x left top/72px 74px;
    -webkit-mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent);
    mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
  body.carnet.carnet-liste #secondary.sidebar{flex:1 1 auto;width:100% !important}
}

/* les cartes d'articles des pages de rubrique : sur le papier, sans cadre blanc */
body.carnet.carnet-liste article, body.carnet.carnet-liste .post,
body.carnet.carnet-liste .entry-header, body.carnet.carnet-liste .entry-meta,
body.carnet.carnet-liste .entry-summary, body.carnet.carnet-liste .entry-content{
  background:transparent !important;background-image:none !important;box-shadow:none !important;
  border-radius:0 !important}
body.carnet.carnet-liste article{border:0 !important;border-bottom:1px solid var(--filet) !important;
  padding:0 0 20px !important;margin:0 0 20px !important}
body.carnet.carnet-liste .page-header{background:transparent !important;border:0 !important;
  box-shadow:none !important;padding:0 0 10px !important;margin:0 0 16px !important;
  border-bottom:1px solid var(--encre) !important}
/* les boutons du thème, partout où ils se trouvent */
body.carnet .more-link, body.carnet .read-more, body.carnet .entry-categories a,
body.carnet .cat-links a, body.carnet a.button{
  background:var(--cartouche) !important;color:var(--cartouche-txt) !important;
  border:1px solid var(--cartouche-txt) !important;border-radius:0 !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;font-size:15px !important;
  padding:5px 12px !important;text-transform:none !important;letter-spacing:0 !important;box-shadow:none !important}
body.carnet .more-link:hover, body.carnet .read-more:hover{
  background:var(--cartouche-txt) !important;color:var(--papier) !important}

/* =====================================================================
   Les pages de liste sont le SOMMAIRE du carnet : une entrée par ligne,
   alignée à gauche, séparée par un filet. Ni cartes, ni colonnes, ni
   titres centrés.
   ===================================================================== */
body.carnet.carnet-liste #main.site-main .site-main,
body.carnet.carnet-liste #main.site-main > div,
body.carnet.carnet-liste .post-wrapper, body.carnet.carnet-liste .posts-wrapper,
body.carnet.carnet-liste .post-grid, body.carnet.carnet-liste .grid{
  display:block !important;grid-template-columns:none !important;columns:auto !important;gap:0 !important}
body.carnet.carnet-liste article{display:block !important;width:auto !important;max-width:none !important;
  float:none !important;margin:0 0 18px !important;padding:0 0 18px !important;
  border:0 !important;border-bottom:1px solid var(--filet) !important}
body.carnet.carnet-liste article:last-of-type{border-bottom:0 !important}
body.carnet.carnet-liste .entry-title{text-align:left !important;font-size:23px !important;
  line-height:1.2 !important;margin:0 0 4px !important;font-weight:500 !important;
  text-transform:none !important;letter-spacing:0 !important}
body.carnet.carnet-liste .entry-title a{color:var(--encre) !important;text-decoration:none}
body.carnet.carnet-liste .entry-title a:hover{color:var(--garance) !important}
body.carnet.carnet-liste .entry-meta{text-align:left !important;margin:0 0 6px !important;
  font-family:"IBM Plex Mono",Menlo,monospace !important;font-size:10px !important;letter-spacing:.1em;
  text-transform:uppercase;color:var(--crayon) !important}
body.carnet.carnet-liste .entry-meta a{color:var(--crayon) !important;text-decoration:none}
body.carnet.carnet-liste .entry-summary, body.carnet.carnet-liste .entry-content{
  text-align:left !important;margin:0 !important}
body.carnet.carnet-liste .entry-summary p, body.carnet.carnet-liste .entry-content p{
  font-size:16px !important;line-height:1.5 !important;margin:0 0 6px !important;color:var(--encre)}
body.carnet.carnet-liste .post-thumbnail, body.carnet.carnet-liste .entry-image{display:none !important}
/* le lien de lecture redevient un simple lien, en bout d'entrée */
body.carnet.carnet-liste .more-link, body.carnet.carnet-liste .read-more{
  display:inline !important;background:none !important;border:0 !important;padding:0 !important;
  color:var(--cartouche-txt) !important;font-family:"Cormorant Garamond",Georgia,serif !important;
  font-size:16px !important;font-style:italic}
body.carnet.carnet-liste .more-link:hover{background:none !important;color:var(--garance) !important}
body.carnet.carnet-liste .entry-categories, body.carnet.carnet-liste .cat-links{display:none !important}
/* le titre de la rubrique : aligné à gauche, comme un intitulé de sommaire */
body.carnet.carnet-liste .page-header{text-align:left !important}
body.carnet.carnet-liste .page-title, body.carnet.carnet-liste .archive-title{
  text-align:left !important;font-size:30px !important;font-weight:500 !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;color:var(--encre) !important;
  text-transform:none !important;letter-spacing:0 !important;margin:0 0 4px !important}
body.carnet.carnet-liste .archive-description{font-style:italic;color:var(--crayon);font-size:16px}
/* la pagination du bas */
body.carnet.carnet-liste .pagination, body.carnet.carnet-liste .nav-links{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:17px;margin-top:18px}
body.carnet.carnet-liste .pagination a, body.carnet.carnet-liste .page-numbers{
  background:transparent !important;border:1px solid var(--filet) !important;color:var(--encre) !important;
  border-radius:0 !important;padding:4px 10px !important}
body.carnet.carnet-liste .page-numbers.current{background:var(--cartouche) !important;color:var(--cartouche-txt) !important}

/* le thème range les articles dans des colonnes .post-column de 416 px :
   sur le sommaire du carnet, chaque entrée prend toute la largeur de la page */
body.carnet.carnet-liste .post-wrapper{display:block !important;width:auto !important}
body.carnet.carnet-liste .post-column{display:block !important;width:100% !important;
  max-width:none !important;flex:1 1 100% !important;float:none !important;margin:0 !important;padding:0 !important}
body.carnet.carnet-liste .post-column article, body.carnet.carnet-liste article{width:100% !important}

/* les entrées de sommaire, dans les pages du carnet */
.page .entree-sommaire{margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--filet)}
.page .entree-sommaire:last-child{border-bottom:0}
.page .entree-sommaire h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:21px;
  line-height:1.2;margin:0 0 3px;display:block}
.page .entree-sommaire h2 a{color:var(--encre);text-decoration:none}
.page .entree-sommaire h2 a:hover{color:var(--garance)}
.page .entree-sommaire .date{font-family:"IBM Plex Mono",Menlo,monospace;font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--crayon);margin:0 0 5px}
.page .entree-sommaire .extrait{font-size:15.5px;line-height:1.45;margin:0;color:var(--encre)}

/* le titre courant tient sur une ligne et ne passe jamais sous le texte */
.page .courant{max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* pas de lettrine dans un sommaire : elle est réservée au texte suivi des fiches */
.page .chapo.sans-lettrine::first-letter{font-size:inherit;float:none;padding:0;line-height:inherit;
  font-family:inherit}

/* aucune image ni aucun tableau ne doit dépasser la hauteur d'une page : sinon le
   lecteur devrait faire défiler au lieu de tourner */
.page .entree img, .page .feuillet img{max-height:42vh;width:auto;height:auto;max-width:100%}
/* la planche de la page de gauche se règle sur la hauteur de sa page, pas sur l'écran */
.page.gauche .planche img{max-height:100% !important}
.page .entree table{display:block;max-width:100%;overflow-x:auto;font-size:14px}
.page .entree pre{max-width:100%;overflow-x:auto;white-space:pre-wrap}
.page .entree iframe, .page .entree video{max-width:100%;max-height:50vh}

/* resserrement discret d'une page qui dépasserait de peu */
.feuillet.serre-1{font-size:95%}
.feuillet.serre-1 img{max-height:36vh}
.feuillet.serre-2{font-size:90%}
.feuillet.serre-2 img{max-height:30vh}
.feuillet.serre-3{font-size:86%}
.feuillet.serre-3 img{max-height:26vh}
.feuillet.serre-4{font-size:82%}
.feuillet.serre-4 img{max-height:22vh}
.feuillet.serre-5{font-size:78%}
.feuillet.serre-5 img{max-height:18vh}
/* un titre long ne doit pas manger toute la page */
.page .titre.titre-long{font-size:32px;line-height:1.1}
.page .titre.titre-tres-long{font-size:25px;line-height:1.15}

/* =====================================================================
   Les répertoires de famille : 74 plantes ne peuvent pas occuper 35 pages.
   Chaque plante devient une ligne de sommaire, nom et nom latin côte à côte.
   ===================================================================== */
.page .botafamily-card{background:none !important;border:0 !important;border-radius:0 !important;
  padding:3px 0 !important;margin:0 !important;box-shadow:none !important;
  border-bottom:1px solid var(--filet) !important;display:block !important}
.page .botafamily-card-body{display:flex !important;align-items:baseline;gap:12px;flex-wrap:wrap;min-width:0}
.page .botafamily-title{margin:0 !important;font-family:"Cormorant Garamond",Georgia,serif !important;
  font-size:17px !important;line-height:1.25 !important;font-weight:500;flex:0 0 auto}
.page .botafamily-title a{color:var(--encre) !important;text-decoration:none}
.page .botafamily-title a:hover{color:var(--garance) !important}
.page .botafamily-scientific{margin:0 !important;font-size:14.5px !important;font-style:italic;
  color:var(--crayon) !important;line-height:1.25 !important}
.page .botafamily-open{display:none !important}
.page .botafamily-list{display:block !important;grid-template-columns:none !important;gap:0 !important}
.page .botafamily-letter-group{margin:0 0 10px !important;padding:0 !important;background:none !important;
  border:0 !important}
.page .botafamily-letter-group > h2, .page .botafamily-letter{font-family:"IBM Plex Mono",Menlo,monospace !important;
  font-size:11px !important;letter-spacing:.14em;color:var(--garance) !important;margin:8px 0 4px !important;
  border-bottom:1px solid var(--filet);padding-bottom:2px}
.page .botafamily-alpha-index{font-family:"IBM Plex Mono",Menlo,monospace;font-size:12px;letter-spacing:.08em;
  display:flex;flex-wrap:wrap;gap:6px 10px;margin:8px 0 12px;background:none !important;border:0 !important;padding:0 !important}
.page .botafamily-alpha-index a{color:var(--cartouche-txt) !important;text-decoration:none}
.page .botafamily-hero, .page .botafamily-shell, .page .botafamily-main, .page .botafamily-page{
  background:none !important;box-shadow:none !important;border:0 !important;padding:0 !important;margin:0 !important}

/* les repères de retour, toujours visibles sous le carnet */
.tourner .reperes{display:inline-flex;gap:14px;flex-wrap:wrap;align-items:center;margin-right:8px}
.tourner .reperes a{font-family:"Cormorant Garamond",Georgia,serif;font-size:16px;color:var(--cartouche-txt);
  text-decoration:none;border-bottom:1px solid var(--filet);padding-bottom:1px}
.tourner .reperes a:hover{color:var(--garance);border-color:var(--garance)}
@media (max-width:820px){ .tourner{flex-wrap:wrap;gap:8px 12px} .tourner .reperes{order:3;width:100%} }

/* --- résultats de recherche : cartes compactes, pour qu'elles tiennent dans la page --- */
.page .search-result-card{margin:0 0 15px !important;padding:0 0 13px !important;
  border:0 !important;border-bottom:1px solid var(--filet) !important;
  background:none !important;box-shadow:none !important;border-radius:0 !important;display:block !important}
.page .search-result-card:last-child{border-bottom:0 !important}
.page .search-result-type{font-family:"IBM Plex Mono",Menlo,monospace !important;font-size:10px !important;
  letter-spacing:.1em;text-transform:uppercase;color:var(--crayon) !important;margin:0 0 3px !important;
  padding:0 !important;background:none !important;border:0 !important;display:block !important}
.page .search-result-title{font-family:"Cormorant Garamond",Georgia,serif !important;font-weight:500;
  font-size:21px !important;line-height:1.2 !important;margin:0 0 4px !important;display:block}
.page .search-result-title a{color:var(--encre) !important;text-decoration:none}
.page .search-result-title a:hover{color:var(--garance) !important}
.page .search-result-excerpt{font-size:15.5px !important;line-height:1.45 !important;margin:0 !important;
  color:var(--encre) !important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.page .search-result-card img, .page .search-result-card figure,
.page .search-result-meta, .page .search-result-card .read-more,
.page .search-result-card .entry-meta{display:none !important}

/* le thème ajoute « Cliquer pour agrandir » comme second morceau de la légende :
   dans le carnet, la légende ne porte que le nom de la planche */
.page figcaption span + span{display:none}


/* =====================================================================
   TÉLÉPHONE — le carnet est vertical : ses deux pages sont l'une au-dessus
   de l'autre, la spirale couchée entre les deux, et l'ensemble tient dans
   l'écran. On tourne les pages avec les deux feuilles, rien ne défile.
   ===================================================================== */
@media (max-width:820px){
  html, body.carnet{height:auto;min-height:100%}
  body.carnet{display:flex;flex-direction:column;overflow:visible;padding:0 12px 14px}
  body.carnet #masthead, body.carnet .persistent-search-bar, body.carnet .tourner,
  body.carnet .mention, body.carnet footer{flex:none}
  body.carnet .carnet{flex:0 0 auto;min-height:0;width:100%;margin:10px auto 0;overflow:visible}

  body.carnet .double{display:grid;grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr) 38px minmax(0,1fr);
    height:100%;min-height:0;margin:0;align-items:stretch}
  /* sans cette règle, display:grid l'emporte sur l'attribut hidden et toutes les
     doubles pages s'empilent les unes sous les autres */
  body.carnet .double[hidden]{display:none !important}

  body.carnet .double > .page{display:flex;flex-direction:column;overflow:hidden;min-height:0;
    background-image:none;box-shadow:0 10px 22px rgba(40,35,20,.20)}
  body.carnet .page.gauche{border-radius:10px 10px 0 0;padding:20px 18px 26px}
  body.carnet .page.droite{border-radius:0 0 10px 10px;padding:24px 18px 62px}

  body.carnet .double > .spirale{position:relative;width:auto;height:38px;z-index:3}
  body.carnet .double > .spirale::before{content:"";position:absolute;left:0;right:0;top:-18px;
    bottom:auto;height:74px;width:auto;
    background:url(../img/spirale-couchee-v1.png) repeat-x left top/72px 74px;
    -webkit-mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent);
    mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent)}

  body.carnet .feuillet{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}
  /* une image ne peut jamais être plus haute que la page qui la porte */
  body.carnet .feuillet img, body.carnet .entree img{
    max-height:var(--page-utile, 38vh) !important;width:auto;height:auto;max-width:100%}
  body.carnet .feuillet figure{margin:6px 0;max-height:var(--page-utile, 38vh)}
  body.carnet .page.gauche .planche{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;
    align-items:center;margin-top:4px}
  body.carnet .page.gauche .planche img{flex:0 1 auto;min-height:0;width:auto;max-width:100%;
    max-height:100%;height:auto}
  body.carnet .titre{font-size:26px;line-height:1.1;margin-top:2px}
  body.carnet .page .courant{top:10px;max-width:68%;font-size:13px}
  body.carnet .folio{bottom:8px;font-size:10px}
  /* le numéro de la page du haut passerait sous la spirale : on le remonte */
  body.carnet .page.gauche .folio{left:16px;bottom:16px}
  body.carnet .page.droite .folio{right:16px;left:auto}
  /* tout ce qui n'est pas le carnet est resserré, pour que les deux pages soient
     aussi grandes que possible et que le lecteur tourne moins souvent */
  /* les deux feuilles se posent sur le bas de la page du bas : ainsi le pouce ne
     descend pas au bord de l'écran, là où la barre du navigateur se déclenche */
  body.carnet .tourner{position:relative;z-index:5;margin:-58px 0 0;display:flex;
    align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;font-size:14px;
    padding:0 22px}
  body.carnet .tourner button{font-size:13px;gap:5px;padding:6px 4px;min-height:44px}
  body.carnet .tourner button img{height:32px}
  body.carnet .tourner .ou{font-size:11px;white-space:nowrap}
  body.carnet .tourner .reperes{display:none}
  body.carnet .site-slogan{display:none}
  body.carnet .site-branding-botanical{min-height:0}
  body.carnet .site-title, body.carnet .site-branding-botanical h1{font-size:26px;margin:0}
  body.carnet .persistent-search-bar{padding:2px 0}
  body.carnet .persistent-search-bar input, body.carnet .persistent-search-bar button{
    padding-block:6px;font-size:15px}
  body.carnet #footer-wrap, body.carnet footer, body.carnet .site-footer,
  body.carnet .mention{display:none}
}