/* ═══════════════════════════════════════════════════════════════
   CSS SPECIFIQUE AUX PAGES ARTICLE — Nemeton
   ═══════════════════════════════════════════════════════════════ */

/* Fil d'Ariane */
.ariane{
  max-width:1200px;margin:0 auto;
  padding:1rem 1.5rem 0;
  font-family:var(--spectral);
  font-size:.78rem;
  letter-spacing:.1em;
  color:var(--ink-soft);
}
.ariane a:hover{color:var(--bronze);text-decoration:underline;text-underline-offset:3px;}
.ariane .sep{color:var(--bronze);margin:0 .35rem;}

/* En-tete d'article */
.article-head{
  max-width:1200px;margin:0 auto;
  padding:2.2rem 1.5rem 0;
}
.article-head .etiquette{
  font-family:var(--spectral);font-size:.72rem;letter-spacing:.25em;
  text-transform:uppercase;color:var(--bronze);
}
.article-head h1{
  font-family:var(--uncial);
  font-weight:400;
  font-size:clamp(1.9rem, 4vw, 3rem);
  line-height:1.2;
  margin:.6rem 0 .9rem;
  max-width:22ch;
}
.article-head .chapo{
  font-size:1.15rem;
  color:var(--ink-soft);
  max-width:62ch;
  font-style:italic;
}
.article-meta{
  display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;align-items:center;
  margin-top:1.4rem;padding-top:1rem;
  border-top:1px solid rgba(30,43,36,.25);
  font-family:var(--spectral);font-size:.76rem;
  letter-spacing:.12em;color:var(--ink-soft);
}
.article-meta .relu{
  display:inline-flex;align-items:center;gap:.4rem;
  color:var(--bronze);
}
.article-meta .relu::before{content:"◆";font-size:.6rem;}

/* Mise en page : article + colonne laterale */
.article-layout{
  max-width:1200px;margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:3.5rem;
  padding:2.5rem 1.5rem 4rem;
  align-items:start;
}

/* ---- Corps de l'article ---- */
.prose{max-width:70ch;}
.prose p{margin-bottom:1.1rem;}
.prose p.lettrine::first-letter{
  font-family:var(--uncial);
  font-size:3.4em;
  float:left;
  line-height:.82;
  padding:.06em .12em 0 0;
  color:var(--bronze);
}
.prose h2{
  font-family:var(--serif);
  font-variant:small-caps;
  font-weight:600;
  font-size:1.55rem;
  letter-spacing:.05em;
  margin:2.6rem 0 1rem;
  padding-top:1.2rem;
  border-top:1px solid rgba(30,43,36,.25);
  display:flex;align-items:baseline;gap:.9rem;flex-wrap:wrap;
}
.prose h2:first-of-type{margin-top:0;border-top:none;padding-top:0;}
.prose em{color:inherit;}
.prose a{
  color:var(--bronze);
  border-bottom:1px solid rgba(138,109,47,.4);
}
.prose a:hover{border-bottom-color:var(--bronze);}
.prose ul{margin:0 0 1.1rem 1.4rem;}
.prose li{margin-bottom:.35rem;}

/* Etiquette de registre */
.registre{
  font-family:var(--spectral);
  font-size:.62rem;
  font-variant:normal;
  letter-spacing:.22em;
  text-transform:uppercase;
  padding:.18rem .6rem;
  border:1px solid currentColor;
  border-radius:2rem;
  white-space:nowrap;
}
.registre.antique{color:var(--bronze);}
.registre.analyse{color:var(--ink-soft);}
.registre.moderne{color:#6E8468;}
.registre.medieval{color:#7B6B8A;}

/* Encadre source antique */
.encadre-source{
  background:var(--night);
  color:var(--vellum);
  padding:2rem 2.2rem;
  margin:1.8rem 0;
}
.encadre-source .titre{
  font-family:var(--spectral);font-size:.7rem;letter-spacing:.25em;
  text-transform:uppercase;color:var(--moss);
  display:block;margin-bottom:1rem;
}
.encadre-source blockquote{
  font-size:1.08rem;
  line-height:1.7;
  color:#DCE3D6;
}
.encadre-source blockquote p{margin-bottom:.9rem;}
.encadre-source cite{
  display:block;margin-top:1rem;
  font-family:var(--spectral);font-size:.8rem;font-style:normal;
  letter-spacing:.1em;color:var(--bronze-pale);
}

/* Figure */
.prose figure{
  border:1px solid var(--ink-soft);
  background:var(--vellum-deep);
  padding:1.8rem;
  text-align:center;
  margin:1.8rem 0;
}
.prose figcaption{
  margin-top:1rem;font-family:var(--spectral);font-size:.8rem;
  letter-spacing:.08em;color:var(--ink-soft);font-style:italic;
}
.prose figure.illustration{padding:.7rem .7rem 1.1rem;}
.prose figure img{max-width:100%;height:auto;display:block;margin:0 auto;}
.prose figcaption .credit{display:block;margin-top:.35rem;font-size:.72rem;opacity:.8;}
.prose figcaption .credit a{color:inherit;}

/* Appels et liste de notes */
.appel a{
  font-family:var(--spectral);font-size:.72em;
  color:var(--bronze);border-bottom:none;
  padding:0 .1em;
}
.appel a:hover{text-decoration:underline;text-underline-offset:2px;}
.notes{
  margin-top:2.5rem;padding-top:1.2rem;
  border-top:1px solid rgba(30,43,36,.25);
}
.notes h2{border-top:none;padding-top:0;}
.notes ol{
  margin-left:1.2rem;
  font-size:.92rem;color:var(--ink-soft);
}
.notes li{margin-bottom:.45rem;}
.notes .retour{font-family:var(--spectral);font-size:.75rem;color:var(--bronze);border-bottom:none;}

/* ---- Colonne laterale ---- */
.side{display:flex;flex-direction:column;gap:1.6rem;}
.side-box{
  border:1px solid rgba(30,43,36,.3);
  background:var(--vellum-deep);
  padding:1.4rem 1.5rem;
}
.side-box .titre{
  font-family:var(--spectral);font-size:.7rem;letter-spacing:.25em;
  text-transform:uppercase;color:var(--bronze);
  display:block;margin-bottom:.9rem;
}
.sommaire{position:relative;top:0px;}
.sommaire ol{
  list-style:none;
  counter-reset:som;
}
.sommaire li{
  counter-increment:som;
  padding:.28rem 0;
  font-size:.95rem;
}
.sommaire li a{display:flex;gap:.6rem;align-items:baseline;color:var(--ink-soft);}
.sommaire li a::before{
  content:"\16D9";
  color:var(--bronze);
  font-size:.85rem;
}
.sommaire li a:hover{color:var(--bronze);}
.fiche dl{font-size:.92rem;}
.fiche dt{
  font-family:var(--spectral);font-size:.68rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-soft);
  margin-top:.7rem;
}
.fiche dt:first-child{margin-top:0;}
.fiche dd{color:var(--ink);}
.lies ul{list-style:none;}
.lies li{padding:.26rem 0;font-size:.95rem;border-bottom:1px dashed rgba(30,43,36,.2);}
.lies li:last-child{border-bottom:none;}
.lies li a:hover{color:var(--bronze);}

/* Navigation article precedent / suivant */
.pagination-articles{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:rgba(30,43,36,.25);
  border-top:1px solid rgba(30,43,36,.25);
  border-bottom:1px solid rgba(30,43,36,.25);
}
.pagination-articles a{
  background:var(--vellum);
  padding:1.6rem 1.5rem;
  display:block;
  transition:background .2s;
}
.pagination-articles a:hover{background:var(--vellum-deep);}
.pagination-articles .sens{
  font-family:var(--spectral);font-size:.7rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--bronze);display:block;margin-bottom:.3rem;
}
.pagination-articles .titre-art{
  font-variant:small-caps;font-size:1.15rem;
}
.pagination-articles .suivant{text-align:right;}

/* ---- Responsive article ---- */
@media (max-width:900px){
  .article-layout{grid-template-columns:1fr;gap:2.5rem;}
  .sommaire{position:static;}
}
@media (max-width:760px){
  .pagination-articles{grid-template-columns:1fr;}
  .pagination-articles .suivant{text-align:left;}
}