/* ——— pages d'article de /histoire/ ——— */
body{background:var(--paper-warm);color:#2d2519}
body{background-image:radial-gradient(110rem 36rem at 50% -12rem, rgba(169,133,62,.11), transparent 70%)}
.site-head{background:rgba(247,241,229,.9);border-bottom-color:var(--line-strong)}

.art-head{max-width:44rem;text-align:center;padding:clamp(2.6rem,6vw,4rem) 1.5rem clamp(1.6rem,3vw,2.2rem)}
.retour{display:inline-block;text-decoration:none;font-size:.72rem;letter-spacing:.18em;
  text-transform:uppercase;color:#9a8a6c;margin-bottom:2.2rem;transition:color .2s}
.retour:hover{color:var(--oxblood)}
.art-head h1{font-size:clamp(2.15rem,5.4vw,3.4rem);margin:.5rem 0 0;text-wrap:balance;line-height:1.08}
.art-date{margin:1rem 0 0;font-family:"Cormorant Garamond",serif;font-weight:600;font-size:1.05rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--oxblood)}
.art-lede{margin:1.4rem 0 2.4rem;color:#75674f;font-size:1.08rem;line-height:1.72;font-style:italic}

.prose{max-width:38rem;padding-bottom:1rem}
.prose > *:first-child{margin-top:0}
.prose p{margin:0 0 1.4rem;line-height:1.78}
.prose p.capitale::first-letter{
  float:left;font-family:"Cormorant Garamond",serif;font-weight:600;font-size:3.9rem;
  line-height:.82;padding:.34rem .55rem 0 0;color:var(--oxblood);
}
/* mention d'archive en tete de piece : date, lieu, reference */
.prose p.mention{
  font-family:"Cormorant Garamond",serif;font-weight:600;font-size:1.12rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gold);
  margin-bottom:1.8rem;padding-bottom:1rem;border-bottom:1px solid var(--line);
}
.prose h2{font-size:1.85rem;margin:2.8rem 0 1rem;text-wrap:balance}
.prose h3{font-size:1.42rem;margin:2.2rem 0 .8rem}
.prose blockquote{
  margin:2rem 0;padding:.2rem 0 .2rem 1.6rem;border-left:2px solid var(--gold);
  font-style:italic;color:#5f5340;
}
.prose blockquote p:last-child{margin-bottom:0}
.prose ul,.prose ol{margin:0 0 1.4rem;padding-left:1.3rem}
.prose li{margin-bottom:.5rem}
.prose a{color:var(--oxblood);text-underline-offset:.18em}
.prose hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent);margin:2.6rem 0}
.prose img{margin:2rem auto;border:1px solid var(--line-strong);border-radius:2px;background:#fff;padding:.4rem}
.prose figure{margin:2.2rem 0}
.prose figcaption{margin-top:.7rem;font-size:.88rem;color:#8b7c62;text-align:center;font-style:italic}
.prose table{width:100%;border-collapse:collapse;margin:0 0 1.6rem;font-size:.97rem}
.prose th,.prose td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--line)}
.prose th{font-family:"Spectral",serif;font-weight:600;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold)}
.prose .attente{
  border:1px dashed var(--line-strong);border-radius:var(--r);background:#fdfaf3;
  padding:1.5rem 1.6rem;color:#8b7c62;font-size:.98rem;text-align:center;
}

/* ——— navigation entre articles ——— */
.art-nav{
  display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:3.4rem;
  padding-top:2rem;border-top:1px solid var(--line-strong);max-width:44rem;
}
@media(max-width:560px){.art-nav{grid-template-columns:1fr}}
.art-nav a{
  text-decoration:none;color:#2d2519;font-family:"Cormorant Garamond",serif;font-weight:600;
  font-size:1.16rem;line-height:1.25;transition:color .2s;
}
.art-nav a:hover{color:var(--oxblood)}
.art-nav small{
  display:block;font-family:"Spectral",serif;font-weight:400;font-size:.66rem;letter-spacing:.2em;
  text-transform:uppercase;color:#9a8a6c;margin-bottom:.45rem;
}
.art-next{text-align:right}

/* ——— chronologie : chaque entrée est une date suivie de son fait ——— */
.prose p.chrono{
  margin:0;padding:.85rem 0 .85rem 1.1rem;
  border-left:1px solid var(--line-strong);
  position:relative;line-height:1.6;
}
.prose p.chrono + p.chrono{border-top:0}
.prose p.chrono::before{
  content:"";position:absolute;left:-3.5px;top:1.42rem;
  width:6px;height:6px;border-radius:50%;background:var(--gold);
}
.prose p.chrono strong{
  display:inline-block;color:var(--oxblood);font-weight:600;
  font-family:"Cormorant Garamond",serif;font-size:1.16rem;letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
}
.prose p.chrono br:first-of-type{line-height:1.9}
.prose p.chrono a{color:var(--ink);text-decoration-color:var(--gold-soft)}

/* ——— figures alignées, héritées de la mise en page d'origine ——— */
.prose figure{margin:2.2rem 0;max-width:100%}
.prose figure.fig-droite,
.prose figure.fig-gauche{max-width:min(17rem,46%);margin-block:.4rem}
.prose figure.fig-droite{float:right;margin-left:1.8rem}
.prose figure.fig-gauche{float:left;margin-right:1.8rem}
.prose figure.fig-centre{margin-inline:auto}
.prose figure::after{content:"";display:table;clear:both}
@media(max-width:620px){
  .prose figure.fig-droite,.prose figure.fig-gauche{float:none;max-width:100%;margin:2rem 0}
}
/* l'image d'une figure n'a pas besoin du cadre appliqué aux images isolées */
.prose figure img{margin:0;border:1px solid var(--line-strong);padding:.3rem;background:#fff}

/* ——— ligne d'appel d'une lettre ——— */
.prose p.appel{
  font-style:italic;color:#5f5340;margin-bottom:1.1rem;
}
/* un paragraphe court ne doit jamais s'enrouler autour de la lettrine */
.prose p.capitale{overflow:hidden}
