/* ════════ DESIGN 2 · « ÉQUILIBRE » ~ la fusion 50 / 50 (DIRECTION CHOISIE) ════════
   Compacité et lisibilité V3 + caractère Codex DOSÉ : titres en Cinzel, corps en
   Spectral, en-têtes en petites capitales, bouton-or « pièce » au clic.
   Calibrage : Cinzel est une casse LARGE ~ on lui laisse de l'air (interligne) et
   on évite le tracking négatif. Un seul ornement par section. */
:root{
  --fb:'Oltlo Serif','Spectral','Journal',Georgia,serif;
  --fd:'Spectral SC',ui-sans-serif,serif;
  --fn:'Oltlo Mono','JetBrains Mono',ui-monospace,Menlo,monospace;
}

/* ── TITRES en Educateursportif (la police signature du site), Cinzel en repli ── */
.ep-hero h1{font-family:'Educateursportif','Oltlo Titre','Cinzel',serif;font-weight:400;
  font-size:clamp(2.6rem,5.6vw,3.9rem);letter-spacing:.01em;line-height:1.1;
  text-shadow:0 1px 0 rgba(255,250,235,.10)}
.ep-article h2{font-family:'Educateursportif','Oltlo Titre','Cinzel',serif;font-weight:400;font-size:1.55rem;letter-spacing:.015em;line-height:1.18}
.v3-band h2,.v3-band h3{font-family:'Educateursportif','Oltlo Titre','Cinzel',serif;font-weight:400;font-size:1.4rem;letter-spacing:.02em}
.v3-brand .bn{font-family:'Educateursportif','Oltlo Titre','Cinzel',serif;font-weight:400;font-size:1.45rem}
.v3-brand-logo .bn{font-family:'Educateursportif','Oltlo Titre','Cinzel',serif;font-weight:400}
/* barre de page : la police signature, tracking mesuré */
.v3-bar .ct{font-family:'Educateursportif','Oltlo Titre','Cinzel',serif;font-weight:400;font-size:1rem;letter-spacing:.06em;text-transform:none}
/* en-têtes d'article (H3) : petites capitales Spectral SC, lisibles */
.ep-article h3{font-family:'Spectral SC',serif;letter-spacing:.06em;text-transform:none}

/* ── PRIMAIRE = pièce d'or : contour au repos, MÉTAL massif + enfoncement au clic ── */
.v3-btn.solid{background:none;color:var(--or-deep);border-color:var(--or);box-shadow:none}
.v3-btn.solid:hover{background:none;color:var(--or-deep);border-color:var(--or);box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.v3-btn.solid:active,.v3-btn.solid.on{
  background:var(--metal);color:var(--on-metal);border-color:#856120;
  box-shadow:var(--metal-bevel);text-shadow:0 1px 0 rgba(255,248,224,.45);transform:scale(.98)}
@media (hover:none){
  .v3-btn.solid:hover{background:none;color:var(--or-deep);border-color:var(--or);box-shadow:none;text-shadow:none;transform:none}
  .v3-btn.solid:active,.v3-btn.solid.on{background:var(--metal);color:var(--on-metal);border-color:#856120;box-shadow:var(--metal-bevel)}
}

/* ── SCEAUX d'article : pastille dorée pleine, chiffre en mono pour la rigueur ── */
.ep-article h2 .seal{background:var(--or-soft);border-color:var(--or-line);font-family:'Oltlo Mono','JetBrains Mono',monospace;font-weight:600}

/* ── UN SEUL ORNEMENT : frise fine en bas du hero (visible sur toutes largeurs) ── */
.ep-hero{border-bottom:none;padding-bottom:2.1rem}
.ep-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:13px;opacity:.4;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='13'%3E%3Cpath d='M2 11 V2 H20 V9 H9 V6 H14' fill='none' stroke='%23967524' stroke-width='1.4'/%3E%3C/svg%3E");
  background-size:22px 13px;background-repeat:repeat-x;background-position:left bottom}
/* le filet doré sous chaque titre de section reste la respiration entre les chapitres */
.ep-h2-rule{height:1px;background:linear-gradient(90deg,var(--or),var(--or-line) 40%,transparent)}

/* ── WORDMARK : centré dans l'espace entre l'avatar et la bordure droite ──
   (la V3 le calait au début de la zone, d'où l'effet « collé » à l'avatar) */
.v3-brand{justify-content:center}