/* ============================================================
   ECHELLE TYPOGRAPHIQUE — source unique
   Ces regles vivaient recopiees dans le <style> de chaque page, donc
   chaque page pouvait deriver sans que personne ne le voie. Elles sont
   ici, une fois, et la planche /admin/styles.html les affiche depuis ce
   meme fichier : elle ne peut donc pas mentir sur ce que fait le site.
   ============================================================ */

/* CORPS — Instrument Serif, choix assume et valide : unslop-ignore
   Une seule regle pour tout ce qui se lit en continu. La taille suit le
   CONTENEUR, pas le gout du moment. */
p, li, dd, blockquote, .intro, .note, .brief, .lead {
  font-family: var(--ss-serif); font-weight: 400; text-transform: none;
  font-size: clamp(1.36rem, 2.18vw, 2.13rem); line-height: 1.34;
  letter-spacing: 0; color: var(--ss-ink);
}

/* CHAPEAU DE SECTION — la phrase qui ouvre un bloc. Plus grande que le
   corps pour que la hierarchie se lise sans qu'on la cherche. */
.brief, .intro, .note, .lead, .lede, .pitch {
  font-size: clamp(1.73rem, 3.37vw, 3.37rem); line-height: 1.14;
}

/* TITRE DE PAGE */
.t-h1 {
  font-family: var(--ss-display); text-transform: uppercase; font-weight: 800;
  font-size: clamp(4.2rem, 12.28vw, 12.93rem); line-height: .84; margin: 0;
  text-shadow: calc(var(--ss-misreg) * -1) var(--ss-misreg) 0 var(--ss-slop);
}

/* TITRE DE SECTION. La marge BASSE appartient au titre : sans elle, tout
   element pose juste apres vient se coller, et l'interligne de 0,84 fait
   descendre les jambages sous la boite. */
.t-h2 {
  font-family: var(--ss-display); text-transform: uppercase; font-weight: 800;
  font-size: clamp(4.2rem, 12.28vw, 12.93rem); line-height: .84;
  margin: .5rem 0 clamp(1.8rem, 4vh, 2.8rem); margin-left: -.02em;
  text-shadow: calc(var(--ss-misreg) * -1) var(--ss-misreg) 0 var(--ss-slop);
}

/* SOUS-TITRE */
.t-h3 {
  font-family: var(--ss-display); text-transform: uppercase; font-weight: 800;
  font-size: clamp(3.01rem, 4.82vw, 4.22rem); line-height: .95; margin: 0 0 .7rem;
}

/* SUR-TITRE — l'etiquette au-dessus d'un titre. */
.t-kicker {
  font-family: var(--ss-mono); text-transform: uppercase; letter-spacing: .18em;
  font-size: .75rem; color: var(--ss-muted); margin: 0;
}

/* PLEINE MESURE — regle demandee et redemandee : un paragraphe prend
   TOUT son conteneur. La mesure se regle en dimensionnant le conteneur
   (colonne, grille, wrap), jamais en bornant le texte. Un max-width sur
   un <p> est un defaut, pas un reglage. */
p, .brief, .intro, .note, .lede, .pitch { max-width: none; }