/* ====================================================
   Pages d'extraits (extrait1.php à extrait7.php)
   ==================================================== */

.extrait-chapeau{
  font-family:'Cormorant Garamond',serif;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.4em;
  color:var(--roux-fonce);
  text-align:center;
  margin-bottom:.5rem;
  padding-left:.4em;
}
h1.extrait-titre{
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:clamp(1.55rem,5.5vw,2.2rem);
  line-height:1.2;
  color:var(--basalte);
  text-align:center;
  margin:0 0 1.8rem;
  letter-spacing:.01em;
}
.extrait-contexte{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:.9rem;
  color:var(--encre-douce);
  text-align:center;
  margin-bottom:1.4rem;
  opacity:.85;
}
.extrait-corps{
  border-left:2px solid var(--roux);
  padding-left:clamp(1rem,3vw,1.6rem);
  margin:1.8rem 0 2.4rem;
}
.extrait-corps p{margin-bottom:1.1rem}
.extrait-corps p:first-child::first-letter{
  font-family:'Cormorant Garamond',serif;
  float:left;
  font-size:3.4rem;
  line-height:.78;
  padding:.05em .12em 0 0;
  color:var(--roux);
  font-weight:500;
}
.sep-etoiles{
  text-align:center;
  color:var(--filet);
  letter-spacing:.5em;
  margin:1.4rem 0;
  font-family:'Cormorant Garamond',serif;
}
.extrait-suite{
  text-align:center;
  margin:2.4rem 0;
  padding:1.6rem 1.4rem;
  border:1px solid var(--filet);
  border-radius:4px;
  background:rgba(201,138,30,.035);
}
.extrait-suite p,
.extrait-suite blockquote{
  text-align:center;
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:1.05rem;
  color:var(--encre-douce);
  margin-bottom:1.2rem;
}
.extrait-pied{
  margin-top:clamp(2rem,6vw,3.5rem);
  padding-top:1.4rem;
  border-top:1px solid var(--filet);
  text-align:center;
}
.extrait-pied a{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:1rem;
  color:var(--roux-fonce);
  text-decoration:none;
  border-bottom:1px solid rgba(122,47,27,.4);
  transition:border-color .25s,color .25s;
}
.extrait-pied a:hover{color:var(--roux);border-bottom-color:var(--ambre)}
.extrait-pied .mention{margin-top:1.4rem}
.extrait-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}
.extrait-nav > *{flex:1}
.nav-home{text-align:center}
.nav-next{text-align:right}