:root{
  --parchemin:#efece1;
  --parchemin-fonce:#e2ddc7;
  --encre:#201e1a;
  --encre-douce:#45423a;
  --roux:#5c7a5c;        /* le vert sauge de la couverture */
  --roux-fonce:#33452f;
  --ambre:#8a6a3a;       /* la rouille du fil barbelé */
  --basalte:#201e1a;
  --filet:#c7c0aa;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--parchemin);
  color:var(--encre);
  font-family:'EB Garamond',Georgia,serif;
  font-size:19px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(92,122,92,.06), transparent 60%),
    radial-gradient(ellipse 60% 40% at 50% 110%, rgba(51,69,47,.05), transparent 60%);
  background-attachment:fixed;
}
.page{
  max-width:680px;
  margin:0 auto;
  padding:clamp(2.5rem,7vw,6rem) clamp(1.4rem,5vw,2.5rem) 3rem;
}

/* --- En-tête : l'insigne KG et le fil barbelé --- */
.entete{text-align:center;position:relative}
.cercles{
  position:relative;
  width:clamp(190px,46vw,260px);
  height:clamp(190px,46vw,260px);
  margin:0 auto clamp(1.5rem,4vw,2.5rem);
  display:flex;align-items:center;justify-content:center;
}
.cercles svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cercles circle{fill:none;stroke:var(--filet);opacity:.55}
.oiseau{
  position:relative;
  width:72%;
  height:auto;
  z-index:2;
  filter:drop-shadow(0 10px 18px rgba(32,30,26,.22));
}
/* repli si l'image manque */
.oiseau-absent{
  width:72%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 50% 40%,var(--roux),var(--roux-fonce));
  display:flex;align-items:center;justify-content:center;
  color:var(--parchemin);font-family:'Cormorant Garamond',serif;
  font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;
}

.surtitre{
  font-family:'Cormorant Garamond',serif;
  text-transform:uppercase;
  letter-spacing:.32em;
  font-size:clamp(.78rem,2.4vw,.92rem);
  color:#000;
  font-weight:bold;
  text-align:center;
  margin-bottom:1rem;
  padding-left:.32em;
}
.accroche-lieu{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:clamp(1.1rem,4vw,1.35rem);
  color:#000;
  font-weight:bold;
  text-align:center;
  margin-bottom:1rem;
}
h1{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:clamp(2.5rem,10vw,4.3rem);
  line-height:1.04;
  letter-spacing:.01em;
  color:var(--basalte);
}
h1 .apostrophe{color:var(--roux)}
.auteur{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:1.5rem;
  color:var(--encre);
  margin-top:1.1rem;
}

/* --- Filet décoratif --- */
.filet{
  display:flex;align-items:center;justify-content:center;gap:.9rem;
  margin:clamp(2rem,6vw,3.2rem) auto;
  color:var(--filet);
}
.filet::before,.filet::after{
  content:"";height:1px;width:min(120px,22vw);
  background:linear-gradient(to right,transparent,var(--filet),transparent);
}
.filet span{
  width:7px;height:7px;border:1px solid var(--roux);
  transform:rotate(45deg);flex:none;
}

/* --- Corps du résumé --- */
.accroche{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.4rem,4.2vw,1.75rem);
  line-height:1.45;
  text-align:center;
  color:var(--basalte);
  margin-bottom:.4rem;
  hyphens:none;
}
.extrait-haut{
  max-width:34rem;
  margin:.6rem auto 2.4rem;
  padding:.1rem 0 .1rem 1.3rem;
  border-left:1px solid var(--filet);
}
.extrait-haut p{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:1.05rem;
  line-height:1.75;
  color:var(--basalte);
  text-align:left;
  margin:0;
}
p{margin-bottom:1.35rem;text-align:justify;hyphens:auto}
.corps p:first-of-type::first-letter{
  font-family:'Cormorant Garamond',serif;
  float:left;font-size:3.6rem;line-height:.78;
  padding:.05em .12em 0 0;color:var(--roux);font-weight:500;
}
.titre-livre{font-style:italic;color:var(--roux-fonce)}
em.lieu{font-style:italic;color:var(--encre)}

.section-titre{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:clamp(1.3rem,4.2vw,1.6rem);
  color:var(--basalte);
  text-align:center;
  margin:2.6rem 0 1.2rem;
  letter-spacing:.01em;
}
.citation{
  text-align:center;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:clamp(1.15rem,3.6vw,1.4rem);
  line-height:1.5;
  color:var(--basalte);
  margin:2.2rem auto;
  max-width:540px;
}
.citation::before{content:"« "}
.citation::after{content:" »"}

.epoques-liste{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.9rem;
  margin:0 0 2rem;
}
.epoques-liste li{
  position:relative;
  padding-left:1.4em;
}
.epoques-liste li::before{
  content:"";
  position:absolute;left:0;top:.55em;
  width:7px;height:7px;
  border:1px solid var(--roux);
  transform:rotate(45deg);
}
.epoques-liste li strong{color:var(--roux-fonce)}

.cloture{
  text-align:center;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:1.6rem;
  color:var(--basalte);
  margin:2.6rem 0 0;
  letter-spacing:.03em;
}
.points{color:var(--roux);font-style:normal}

/* --- Pied : contact --- */
.contact{
  margin-top:clamp(3rem,8vw,4.5rem);
  padding-top:2rem;
  border-top:1px solid var(--filet);
  text-align:center;
}
.contact a{
  color:var(--roux-fonce);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .25s,color .25s;
  font-size:1.05rem;
}
.contact a:hover{color:var(--roux);border-bottom-color:var(--ambre)}
.contact .sep{color:var(--filet);margin:0 .9rem}
.contact .ligne{margin-bottom:.5rem;display:flex;justify-content:center;align-items:baseline}

/* --- Formulaire de contact discret --- */
.contact-discret{
  text-align:left;
  max-width:420px;
  margin:0 auto 1.6rem;
}
.contact-discret summary{
  text-align:center;
  cursor:pointer;
  color:var(--roux-fonce);
  font-style:italic;
  font-family:'Cormorant Garamond',serif;
  font-size:1.05rem;
  list-style:none;
}
.contact-discret summary::-webkit-details-marker{display:none}
.contact-discret summary:hover{color:var(--roux)}
.contact-discret[open] summary{margin-bottom:1.2rem}
.escoufle-form{
  display:flex;
  flex-direction:column;
  gap:1rem;
}
.escoufle-input{
  width:100%;
  font-family:'EB Garamond',Georgia,serif;
  font-size:1rem;
  padding:.85em 1em;
  border:1px solid var(--filet);
  border-radius:6px;
  background:#fff;
  color:var(--encre);
}
.escoufle-input:focus{
  outline:none;
  border-color:var(--roux);
  box-shadow:0 0 0 3px rgba(92,122,92,.14);
}
textarea.escoufle-input{resize:vertical}
.honeypot-field{
  position:absolute;
  left:-9999px;
  width:1px;height:1px;
  opacity:0;
}
.cta-submit{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:1.1rem;
  color:#fff;
  background:var(--roux);
  border:none;
  border-radius:999px;
  padding:.75em 1.5em;
  cursor:pointer;
  align-self:center;
  transition:background .25s;
}
.cta-submit:hover{background:var(--roux-fonce)}
.alert-success,.alert-error{
  border-radius:6px;
  padding:1em 1.2em;
  margin-bottom:1.2rem;
  font-size:.92rem;
}
.alert-success{background:#e8f3e6;color:#2c5d2a;border:1px solid #c5e0c1}
.alert-error{background:#fbeae8;color:#8a2c20;border:1px solid #f1c6bf}
.alert-error p{margin:0}
.mention{text-align:center}
.mention{
  font-family:'Cormorant Garamond',serif;
  font-size:.82rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--encre);
  opacity:.7;
  margin-top:1.4rem;
}

/* --- Couverture / lien vers la commande --- */
.couverture{
  text-align:center;
  margin:clamp(2.2rem,6vw,3.2rem) 0;
}
.couverture a{
  display:inline-block;
  text-decoration:none;
}
.cta{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:1.3rem;
  color:var(--roux-fonce);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .25s,color .25s;
}
.cta:hover{
  color:var(--roux);
  border-bottom-color:var(--ambre);
}
.couverture-titre{
  font-family:'Cormorant Garamond',serif;
  font-size:1.65rem;
  font-style:italic;
  color:var(--encre);
  text-align:center;
  margin:0 0 .7rem;
}
.achat-bloc{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.9rem;
  margin:0 0 1.6rem;
}
.achat-principal{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:1.55rem;
  color:var(--parchemin);
  background:var(--roux-fonce);
  text-decoration:none;
  border-radius:999px;
  padding:.7em 2.2em .65em;
  transition:background .25s,transform .2s;
  box-shadow:0 4px 16px rgba(32,30,26,.28);
}
.achat-principal:hover{
  background:#1f2b1c;
  transform:translateY(-2px);
}
.cta-lecture{
  display:block;
  text-align:center;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:1.15rem;
  color:var(--roux);
  text-decoration:underline;
  text-underline-offset:.25em;
  margin:1.6rem 0 2.2rem;
}
.cta-lecture:hover{color:var(--roux-fonce)}
.achat-principal-detail{
  display:block;
  font-size:.82rem;
  font-style:normal;
  letter-spacing:.1em;
  opacity:.85;
  margin-top:.1em;
}
.achat-secondaires{
  display:flex;
  align-items:center;
  gap:.7rem;
  font-family:'Cormorant Garamond',serif;
  font-size:1.25rem;
}
.achat-secondaire{
  color:var(--roux-fonce);
  text-decoration:none;
  border-bottom:1px solid rgba(51,69,47,.3);
  transition:color .2s,border-color .2s;
}
.achat-secondaire:hover{
  color:var(--roux);
  border-bottom-color:var(--ambre);
}
.achat-sep{
  color:var(--filet);
}
.couverture img{
  display:block;
  width:min(420px,80vw);
  height:auto;
  margin:0 auto;
  border-radius:3px;
  box-shadow:0 16px 32px rgba(32,30,26,.28);
  transition:transform .25s,box-shadow .25s;
}
.couverture a:hover img{
  transform:translateY(-5px);
  box-shadow:0 22px 38px rgba(32,30,26,.32);
}
@media (max-width:480px){
  p{text-align:left}
  .contact .sep{display:block;height:0;margin:.3rem 0;overflow:hidden}
}

/* --- En-tête compact (pages d'extraits, commander, merci-commande) --- */
.entete-mini .cercles{
  width:clamp(90px,20vw,120px);
  height:clamp(90px,20vw,120px);
  margin-bottom:clamp(.6rem,1.5vw,1rem);
}
.entete-mini .surtitre{margin-bottom:.3rem}
.entete-mini .auteur{font-size:1.1rem;margin-top:.5rem}
.entete-mini .auteur a{color:inherit;text-decoration:none;transition:color .25s}
.entete-mini .auteur a:hover{color:var(--roux)}
.entete-mini .auteur .apostrophe{color:var(--roux)}

/* --- Section "Extraits" (liste de liens) sur index.php --- */
.extraits-section{margin:2rem 0 1.6rem}
.extraits-titre{
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.36em;
  color:var(--roux-fonce);
  text-align:center;
  margin-bottom:1rem;
  padding-left:.36em;
}
.extraits-liste{list-style:none;display:flex;flex-direction:column;gap:.6rem;counter-reset:extrait}
.extraits-liste li{display:flex;align-items:baseline;gap:.7em;counter-increment:extrait}
.extraits-liste li::before{
  content:counter(extrait) '.';
  color:var(--roux);
  flex:none;
  font-family:'Cormorant Garamond',serif;
}
.extraits-liste a{
  font-family:'Cormorant Garamond',serif;
  font-size:1.02rem;
  color:var(--encre);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .25s,border-color .25s;
}
.extraits-liste a:hover{color:var(--roux);border-bottom-color:var(--ambre)}