/* ============================================================================
   PEAU « the clinic board » – bassettchiropractic.co.uk (Solent Chiropractic)
   Direction 18 « Le Tableau Noir » : l'ardoise du cabinet, la craie du raisonnement.
   Une clinique qui montre son travail : planches, cotes, fiches de preuve, notes de marge.
   Fichier écrit le 19/09/2026. Trois fontes locales, aucune ressource distante.
   ============================================================================ */

/* ---------------------------------------------------------------------------
   1. Les jetons : la palette du cabinet
   --------------------------------------------------------------------------- */
:root {
  /* matières */
  --slt-ardoise: #243832;        /* le tableau vert-gris du cabinet */
  --slt-ardoise-profonde: #182622; /* l'encoignure du tableau, plus sombre */
  --slt-craie: #f2efe6;          /* l'écrit à la craie blanche */
  --slt-craie-douce: rgba(242, 239, 230, 0.78);
  --slt-craie-fantine: rgba(242, 239, 230, 0.55);
  --slt-papier: #faf7f0;         /* la fiche posée à côté du tableau */
  --slt-papier-ombre: #f1ecdf;
  --slt-encre: #212b26;          /* l'encre sur la fiche */
  --slt-encre-doux: #4c5a52;
  --slt-regle: #d9d2c1;          /* les lignes du papier réglé */

  /* craies de couleur (jamais en petit texte sur fond clair) */
  --slt-ambre: #d9a441;          /* la craie jaune : surlignage, repères */
  --slt-mousse: #3e6a52;         /* le vert mousse des liens sur papier */
  --slt-argile: #b8563f;         /* l'argile des alertes posées */
  --slt-argile-texte: #9c4330;   /* l'argile lisible en texte (>= 4.5:1) */
  --slt-ambre-texte: #7a5417;    /* l'ambre lisible en texte (>= 4.5:1) */

  /* proportions de planches */
  --slt-r-plaque: 21 / 9;        /* la grande planche panoramique d'article */
  --slt-r-carte: 4 / 3;          /* la vignette de note */
  --slt-r-filet: 3 / 2;          /* la photo d'ouverture */

  /* rythme */
  --slt-mesure: 34rem;           /* la mesure de lecture */
  --slt-souffle: clamp(1.4rem, 1rem + 1.6vw, 2.6rem);
  --slt-souffle-haut: clamp(2.6rem, 1.6rem + 3.4vw, 5.2rem);

  /* le fond de page : le mur du cabinet derrière le tableau */
  --slt-mur: #f4f1e8;
}

/* ---------------------------------------------------------------------------
   2. Les trois fontes locales (posées à la racine, préchargées par la peau)
   --------------------------------------------------------------------------- */
@font-face {
  font-family: 'Source Serif 4';
  src: url('/source-serif-4-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Figtree';
  src: url('/figtree-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Figtree';
  src: url('/figtree-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* ---------------------------------------------------------------------------
   3. La remise à plat
   --------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body.slt-page {
  margin: 0;
  background: var(--slt-mur);
  color: var(--slt-encre);
  font-family: 'Figtree', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.0625rem;
  line-height: 1.65;
  overflow-wrap: break-word;
}

.slt-page img { display: block; max-width: 100%; height: auto; }

.slt-page a { color: inherit; }

.slt-page :focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 0.2em;
  border-radius: 2px;
}

.slt-page ::selection { background: var(--slt-ardoise); color: var(--slt-craie); }

.slt-page h1, .slt-page h2, .slt-page h3 {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: -0.012em;
  margin: 0;
}

.slt-page p { margin: 0 0 1em; }
.slt-page ul, .slt-page ol { margin: 0 0 1.2em; padding-left: 1.3rem; }
.slt-page li + li { margin-top: 0.4em; }

/* le lien qui mène ailleurs : souligné franchement, couleur qui répond */
.slt-texte a,
.slt-pied a,
.slt-registre__abrege a { text-decoration-thickness: 0.08em; text-underline-offset: 0.18em; }

/* ---------------------------------------------------------------------------
   4. Les utilitaires de la peau
   --------------------------------------------------------------------------- */

/* la capitale espacée : le timbre administratif du cabinet */
.slt-mark {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--slt-ambre);
  margin: 0 0 0.9rem;
}

/* la ligne de craie : règle irrégulière tracée à la main */
.slt-chalkline {
  display: block;
  height: 0.24rem;
  border-radius: 2px;
  margin: 1.1rem 0 1.4rem;
  background: linear-gradient(90deg,
    rgba(33, 43, 38, 0) 0%,
    rgba(33, 43, 38, 0.62) 9%,
    rgba(33, 43, 38, 0.28) 21%,
    rgba(33, 43, 38, 0.66) 34%,
    rgba(33, 43, 38, 0.4) 47%,
    rgba(33, 43, 38, 0.68) 63%,
    rgba(33, 43, 38, 0.3) 78%,
    rgba(33, 43, 38, 0.6) 92%,
    rgba(33, 43, 38, 0.05) 100%);
}
.slt-chalkline--craie {
  background: linear-gradient(90deg,
    rgba(242, 239, 230, 0.05) 0%,
    rgba(242, 239, 230, 0.72) 11%,
    rgba(242, 239, 230, 0.35) 26%,
    rgba(242, 239, 230, 0.78) 38%,
    rgba(242, 239, 230, 0.45) 55%,
    rgba(242, 239, 230, 0.8) 68%,
    rgba(242, 239, 230, 0.3) 82%,
    rgba(242, 239, 230, 0.62) 95%,
    rgba(242, 239, 230, 0.06) 100%);
}

/* la cote de dossier : CN-01, le repère de classement */
.slt-cote {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.09em;
  border: 1px solid currentColor;
  border-radius: 3px;
  padding: 0.05em 0.45em;
  white-space: nowrap;
  opacity: 0.85;
}

/* les pastilles de rubrique : la craie de couleur qui classe les notes */
.slt-pastille {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.045em;
  text-decoration: none;
  border-radius: 999px;
  padding: 0.14em 0.66em 0.1em;
}
.slt-pastille--back-pain { background: rgba(62, 106, 82, 0.14); color: #2c4d3c; }
.slt-pastille--neck-headaches { background: rgba(184, 86, 63, 0.13); color: var(--slt-argile-texte); }
.slt-pastille--sport-movement { background: rgba(217, 164, 65, 0.2); color: var(--slt-ambre-texte); }
.slt-pastille--first-visit { background: rgba(36, 56, 50, 0.1); color: var(--slt-ardoise); }
.slt-pastille:hover { filter: brightness(0.94); }

/* le bouton : la craie inscrite dans l'ardoise */
.slt-bouton {
  display: inline-block;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.015em;
  text-decoration: none;
  border-radius: 999px;
  padding: 0.62em 1.5em 0.58em;
  transition: transform 0.15s ease, background-color 0.15s ease;
}
.slt-bouton--plein {
  background: var(--slt-ambre);
  color: #241a08;
  box-shadow: 0 1px 0 rgba(36, 26, 8, 0.35), inset 0 0 0 1px rgba(36, 26, 8, 0.12);
}
.slt-bouton--plein:hover { transform: translateY(-2px); background: #e2b055; }
.slt-bouton--fil {
  border: 1.5px solid var(--slt-craie-douce);
  color: var(--slt-craie);
}
.slt-bouton--fil:hover { border-color: var(--slt-craie); background: rgba(242, 239, 230, 0.08); }

/* le lien de contournement */
.slt-acces {
  position: absolute;
  left: 0.8rem;
  top: -4rem;
  z-index: 40;
  background: var(--slt-ardoise);
  color: var(--slt-craie);
  padding: 0.5em 1.1em;
  border-radius: 4px;
  text-decoration: none;
  transition: top 0.15s ease;
}
.slt-acces:focus { top: 0.8rem; }

/* ---------------------------------------------------------------------------
   5. Le fronton : enseigne en vraies lettres, nav en pilule, action franche
   --------------------------------------------------------------------------- */
.slt-topbar {
  background: var(--slt-papier);
  border-bottom: 1px solid var(--slt-regle);
}
.slt-topbar__interieur {
  max-width: 76rem;
  margin-inline: auto;
  padding: 0.8rem clamp(1rem, 3vw, 2.4rem);
  display: flex;
  align-items: center;
  gap: 1.4rem;
}
.slt-enseigne {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-weight: 600;
  font-size: 1.22rem;
  letter-spacing: -0.01em;
  text-decoration: none;
  white-space: nowrap;
  padding-bottom: 0.08em;
  border-bottom: 3px solid var(--slt-ambre);
}
.slt-pilier { margin-left: auto; }
.slt-pilier ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0.35rem;
  align-items: center;
}
.slt-pilier a {
  display: inline-block;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--slt-encre-doux);
  border-radius: 999px;
  padding: 0.34em 0.85em;
  white-space: nowrap;
}
.slt-pilier a:hover { color: var(--slt-encre); background: rgba(36, 56, 50, 0.08); }
.slt-pilier a[aria-current="page"] { color: var(--slt-craie); background: var(--slt-ardoise); }
.slt-topbar__action { padding: 0.5em 1.2em 0.46em; font-size: 0.88rem; }

/* ---------------------------------------------------------------------------
   6. L'ouverture : la grande ardoise d'accueil
   --------------------------------------------------------------------------- */
.slt-ouverture {
  background-color: var(--slt-ardoise);
  color: var(--slt-craie);
  background-image:
    radial-gradient(rgba(242, 239, 230, 0.05) 1px, transparent 1.3px),
    radial-gradient(rgba(242, 239, 230, 0.038) 1px, transparent 1.3px),
    linear-gradient(160deg, var(--slt-ardoise) 0%, var(--slt-ardoise-profonde) 100%);
  background-size: 7px 7px, 11px 11px, 100% 100%;
  background-position: 0 0, 4px 5px, 0 0;
}
.slt-ouverture__interieur {
  max-width: 76rem;
  margin-inline: auto;
  padding: var(--slt-souffle-haut) clamp(1rem, 3vw, 2.4rem) var(--slt-souffle);
  display: grid;
  gap: clamp(2rem, 4vw, 4.5rem);
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
}
.slt-ouverture__mention { color: var(--slt-ambre); }
.slt-ouverture__titre {
  font-size: clamp(2.3rem, 1.4rem + 3.2vw, 4.1rem);
  color: var(--slt-craie);
}
.slt-ouverture__accroche {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-size: clamp(1.35rem, 1rem + 1.5vw, 2.1rem);
  font-weight: 600;
  font-style: italic;
  margin: 1.1rem 0 1rem;
  color: var(--slt-craie);
}
/* l'ovale de craie autour du mot qui compte */
.slt-entoure {
  font-style: italic;
  position: relative;
  padding: 0.02em 0.32em 0.08em;
  border: 2.5px solid var(--slt-ambre);
  border-radius: 62% 38% 55% 45% / 68% 46% 58% 42%;
  display: inline-block;
  transform: rotate(-2deg);
}
.slt-ouverture__texte {
  font-size: clamp(1.02rem, 0.96rem + 0.3vw, 1.16rem);
  color: var(--slt-craie-douce);
  max-width: 33rem;
}
.slt-ouverture__texte strong { color: var(--slt-craie); font-weight: 600; }
.slt-ouverture__gestes { display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 1.7rem 0 1.4rem; }
.slt-ouverture__raison {
  color: var(--slt-craie-fantine);
  letter-spacing: 0.24em;
}
/* la photo d'ouverture, posée sur son chevalet */
.slt-ouverture__photo {
  margin: 0;
  position: relative;
}
.slt-ouverture__photo img {
  width: 100%;
  aspect-ratio: var(--slt-r-filet);
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 0 22px 44px -18px rgba(9, 15, 13, 0.75), 0 0 0 1px rgba(242, 239, 230, 0.16);
}
.slt-ouverture__photo figcaption {
  font-size: 0.85rem;
  font-style: italic;
  color: var(--slt-craie-fantine);
  padding: 0.75rem 0.2rem 0;
}
.slt-ouverture__voir {
  font-style: normal;
  font-weight: 600;
  color: var(--slt-ambre);
  text-decoration: none;
  white-space: nowrap;
}
.slt-ouverture__voir:hover { text-decoration: underline; text-underline-offset: 0.2em; }

/* ---------------------------------------------------------------------------
   7. Les soins : trois fiches soulevées du mur
   --------------------------------------------------------------------------- */
.slt-soins {
  background: var(--slt-mur);
  padding: var(--slt-souffle-haut) 0;
}
.slt-soins__interieur, .slt-plein__interieur, .slt-zone__interieur,
.slt-registre__interieur, .slt-rezo {
  max-width: 76rem;
  margin-inline: auto;
  padding-inline: clamp(1rem, 3vw, 2.4rem);
}
.slt-soins__tete h2, .slt-plein__tete h2, .slt-zone__titre {
  font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.5rem);
}
.slt-soins__tete .slt-chalkline { max-width: 11rem; }
.slt-soins__rang {
  margin-top: 2.2rem;
  display: grid;
  gap: clamp(1.1rem, 2.4vw, 2rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.slt-soin {
  background: var(--slt-papier);
  border: 1px solid var(--slt-regle);
  border-radius: 8px;
  padding: clamp(1.4rem, 2vw, 1.9rem) clamp(1.3rem, 2vw, 1.8rem);
  box-shadow: 0 2px 0 rgba(33, 43, 38, 0.05);
}
/* la cote de la prestation : le numéro à la craie, en médaillon d'ardoise */
.slt-soin__cote {
  width: 2.7rem;
  height: 2.7rem;
  margin: 0 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--slt-ardoise);
  background-image:
    radial-gradient(rgba(242, 239, 230, 0.05) 1px, transparent 1.3px),
    radial-gradient(rgba(242, 239, 230, 0.036) 1px, transparent 1.3px);
  background-size: 7px 7px, 11px 11px;
  background-position: 0 0, 4px 5px;
  border-radius: 999px;
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-weight: 600;
  font-size: 1.05rem;
  color: var(--slt-ambre);
}
.slt-soin__titre { font-size: 1.32rem; margin-bottom: 0.5rem; }
.slt-soin__titre a { text-decoration: none; }
.slt-soin__titre a:hover { text-decoration: underline; text-underline-offset: 0.22em; text-decoration-color: var(--slt-mousse); }
.slt-soin__texte { color: var(--slt-encre-doux); font-size: 0.98rem; }

/* le geste du raisonnement : ce que vous ressentez → ce que nous faisons */
.slt-flow {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 1.2rem 0 0;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--slt-encre-doux);
}
.slt-flow span:first-child { text-align: right; flex: 1; }
.slt-flow span:last-child { flex: 1; }
.slt-flow__fleche {
  flex: 0 0 auto;
  color: var(--slt-argile-texte);
  font-size: 1.05rem;
  position: relative;
  padding-inline: 0.5rem;
}
.slt-flow__fleche::before,
.slt-flow__fleche::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0.55rem;
  border-top: 2px dotted currentColor;
  opacity: 0.6;
}
.slt-flow__fleche::before { right: 100%; }
.slt-flow__fleche::after { left: 100%; }

/* ---------------------------------------------------------------------------
   8. Le tableau : la bande ardoise qui explique pourquoi la clinique écrit
   --------------------------------------------------------------------------- */
.slt-tableau {
  background-color: var(--slt-ardoise-profonde);
  color: var(--slt-craie-douce);
  background-image:
    radial-gradient(rgba(242, 239, 230, 0.045) 1px, transparent 1.3px),
    radial-gradient(rgba(242, 239, 230, 0.032) 1px, transparent 1.3px);
  background-size: 7px 7px, 11px 11px;
  background-position: 1px 2px, 5px 6px;
  padding: var(--slt-souffle-haut) 0;
}
.slt-tableau__interieur {
  max-width: 76rem;
  margin-inline: auto;
  padding-inline: clamp(1rem, 3vw, 2.4rem);
  display: grid;
  gap: clamp(2rem, 4vw, 4rem);
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  align-items: start;
}
.slt-tableau__titre {
  color: var(--slt-craie);
  font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem);
}
.slt-tableau__ligne {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-size: clamp(1.12rem, 1rem + 0.55vw, 1.38rem);
  font-style: italic;
  color: var(--slt-craie);
  margin-top: 1.1rem;
}
.slt-tableau__compte {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  border-top: 2px solid rgba(242, 239, 230, 0.25);
  padding-top: 1.2rem;
}
.slt-tableau__compte div { text-align: left; }
.slt-tableau__compte dt {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--slt-craie-fantine);
  margin-bottom: 0.25rem;
}
.slt-tableau__compte dd {
  margin: 0;
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.3rem);
  color: var(--slt-ambre);
}
/* la note de marge : un papier agrafé près du tableau */
.slt-margin-note {
  grid-column: 1 / -1;
  justify-self: start;
  max-width: 27rem;
  background: var(--slt-papier);
  color: var(--slt-encre-doux);
  font-size: 0.88rem;
  line-height: 1.5;
  border-left: 3px solid var(--slt-ambre);
  padding: 0.7rem 1rem;
  margin: 0.6rem 0 0;
  transform: rotate(-1.5deg);
  box-shadow: 0 4px 10px -6px rgba(9, 15, 13, 0.7);
}
.slt-margin-note a { color: var(--slt-mousse); }

/* ---------------------------------------------------------------------------
   9. Le plein des notes : une mise en avant, des vignettes, des tiroirs
   --------------------------------------------------------------------------- */
.slt-plein { padding: var(--slt-souffle-haut) 0; }
.slt-plein__tete {
  display: flex;
  align-items: baseline;
  gap: 1.2rem;
  flex-wrap: wrap;
}
.slt-plein__tete h2 { font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.5rem); }
.slt-plein__tete h2 a { text-decoration: none; }
.slt-plein__tete h2 a:hover { text-decoration: underline; text-underline-offset: 0.22em; }
.slt-plein__tete .slt-chalkline { flex: 1 1 6rem; margin: 0.5rem 0 0.65rem; min-width: 4rem; }
.slt-renvoi {
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--slt-mousse);
  text-decoration: none;
  white-space: nowrap;
}
.slt-renvoi:hover { text-decoration: underline; text-underline-offset: 0.25em; }

.slt-plein__rang {
  margin-top: 2rem;
  display: grid;
  gap: clamp(1.1rem, 2.4vw, 2rem);
  grid-template-columns: minmax(0, 1.32fr) minmax(0, 0.84fr) minmax(0, 0.84fr);
}
.slt-plein__rang > .slt-notecase.une { grid-row: 1 / 3; }
.slt-plein__rang > .slt-notecase.une ~ .slt-notecase:nth-of-type(4) { grid-column: 2 / 4; }

.slt-notecase {
  background: var(--slt-papier);
  border: 1px solid var(--slt-regle);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 0 rgba(33, 43, 38, 0.05);
}
.slt-notecase__vignette { margin: 0; }
.slt-notecase__vignette img {
  width: 100%;
  aspect-ratio: var(--slt-r-carte);
  object-fit: cover;
}
.slt-notecase__texte { padding: 1.05rem 1.15rem 1.15rem; display: flex; flex-direction: column; flex: 1; }
.slt-notecase__etiquette { margin: 0 0 0.55rem; font-size: 0.8rem; display: flex; align-items: center; gap: 0.55rem; flex-wrap: wrap; }
.slt-notecase__intitule { font-size: 1.18rem; line-height: 1.22; }
.slt-notecase__intitule a { text-decoration: none; }
.slt-notecase__intitule a:hover { text-decoration: underline; text-underline-offset: 0.22em; text-decoration-color: var(--slt-mousse); }
.slt-notecase__abrege { color: var(--slt-encre-doux); font-size: 0.93rem; margin: 0.5rem 0 0.7rem; }
.slt-notecase__date { margin-top: auto; margin-bottom: 0; font-size: 0.78rem; letter-spacing: 0.06em; color: var(--slt-encre-doux); opacity: 0.85; }

.slt-notecase.une .slt-notecase__intitule { font-size: clamp(1.45rem, 1.1rem + 1vw, 1.95rem); }
.slt-notecase.une .slt-notecase__abrege { font-size: 1rem; }

/* le tiroir : la liste dense par rubrique, comme au classeur */
.slt-plein__tiroirs {
  margin-top: clamp(2rem, 4vw, 3.4rem);
  display: grid;
  gap: clamp(1.4rem, 2.6vw, 2.4rem);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.slt-tiroir { border-top: 2px solid var(--slt-ardoise); padding-top: 0.85rem; }
.slt-tiroir__titre { font-size: 1.12rem; margin-bottom: 0.7rem; }
.slt-tiroir__titre a { text-decoration: none; }
.slt-tiroir__titre a:hover { text-decoration: underline; text-underline-offset: 0.22em; }
.slt-tiroir__liste { list-style: none; margin: 0; padding: 0; font-size: 0.9rem; }
.slt-tiroir__liste li {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.5rem 0;
  border-bottom: 1px dotted var(--slt-regle);
}
.slt-tiroir__liste li:last-child { border-bottom: 0; }
.slt-tiroir__liste a { text-decoration: none; flex: 1; }
.slt-tiroir__liste a:hover { text-decoration: underline; text-underline-offset: 0.2em; color: var(--slt-mousse); }
.slt-tiroir__liste time { font-size: 0.72rem; color: var(--slt-encre-doux); opacity: 0.8; white-space: nowrap; }

/* ---------------------------------------------------------------------------
   10. La zone : où l'on travaille, comment joindre, ce qui ne peut attendre
   --------------------------------------------------------------------------- */
.slt-zone {
  background: var(--slt-papier-ombre);
  border-block: 1px solid var(--slt-regle);
  padding: var(--slt-souffle-haut) 0;
}
.slt-zone__titre { font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.5rem); }
.slt-zone__rang {
  margin-top: 2rem;
  display: grid;
  gap: clamp(1.2rem, 2.6vw, 2.2rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.slt-zone__bloc {
  background: var(--slt-papier);
  border: 1px solid var(--slt-regle);
  border-radius: 8px;
  padding: 1.4rem 1.5rem;
}
.slt-zone__bloc .slt-mark { color: var(--slt-mousse); }
.slt-zone__bloc a { color: var(--slt-mousse); }
.slt-zone__petit { font-size: 0.86rem; color: var(--slt-encre-doux); margin-bottom: 0; }
.slt-zone__bloc--vif {
  background: #fdf3ee;
  border-color: rgba(184, 86, 63, 0.35);
}
.slt-zone__bloc--vif .slt-mark { color: var(--slt-argile-texte); }
.slt-zone__bloc--vif strong { color: var(--slt-argile-texte); }
.slt-zone__bloc--vif a { color: var(--slt-argile-texte); }

/* ---------------------------------------------------------------------------
   11. La section réseau : les lectures voisines, même discrètes
   --------------------------------------------------------------------------- */
.slt-rezo { padding: var(--slt-souffle-haut) 0; }
.slt-rezo__tete h2 { font-size: clamp(1.35rem, 1.05rem + 1vw, 1.8rem); }
.slt-rezo__phrase { color: var(--slt-encre-doux); font-size: 0.95rem; margin: 0; }
.slt-rezo__tete { display: flex; align-items: baseline; gap: 1rem; flex-wrap: wrap; }
.slt-rezo__tete .slt-chalkline { flex: 1 1 5rem; margin: 0.4rem 0 0.6rem; min-width: 3rem; }
.slt-rezo__liste {
  list-style: none;
  margin: 1.2rem 0 0;
  padding: 0;
  display: grid;
  gap: 0.7rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  font-size: 0.92rem;
  color: var(--slt-encre-doux);
}
.slt-rezo__liste a { color: var(--slt-mousse); }

/* ---------------------------------------------------------------------------
   12. Le registre (journal) : toutes les notes, une ligne chacune
   --------------------------------------------------------------------------- */
.slt-registre { padding: var(--slt-souffle-haut) 0 var(--slt-souffle); }
.slt-registre__tete { max-width: 42rem; margin-bottom: 2.4rem; }
.slt-registre__tete h1 { font-size: clamp(2rem, 1.4rem + 2.4vw, 3.2rem); }
.slt-registre__tete p { color: var(--slt-encre-doux); margin-top: 0.7rem; }
.slt-registre__tete .slt-chalkline { max-width: 12rem; }
.slt-registre__liste {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1.4rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.slt-registre__item {
  display: flex;
  gap: 1.1rem;
  background: var(--slt-papier);
  border: 1px solid var(--slt-regle);
  border-radius: 8px;
  padding: 1.05rem 1.15rem;
}
.slt-registre__timbre { flex: 0 0 auto; margin: 0; width: 4.6rem; }
.slt-registre__timbre img {
  width: 4.6rem;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 5px;
}
.slt-registre__intitule { font-size: 1.15rem; line-height: 1.25; }
.slt-registre__intitule a { text-decoration: none; }
.slt-registre__intitule a:hover { text-decoration: underline; text-underline-offset: 0.22em; text-decoration-color: var(--slt-mousse); }
.slt-registre__abrege { color: var(--slt-encre-doux); font-size: 0.9rem; margin: 0.45rem 0 0.6rem; }

/* ---------------------------------------------------------------------------
   13. La plaque de rubrique et ses onglets
   --------------------------------------------------------------------------- */
.slt-plaque {
  background-color: var(--slt-ardoise);
  color: var(--slt-craie);
  background-image:
    radial-gradient(rgba(242, 239, 230, 0.05) 1px, transparent 1.3px),
    radial-gradient(rgba(242, 239, 230, 0.036) 1px, transparent 1.3px),
    linear-gradient(150deg, var(--slt-ardoise) 0%, var(--slt-ardoise-profonde) 100%);
  background-size: 7px 7px, 11px 11px, 100% 100%;
  background-position: 0 0, 4px 5px, 0 0;
}
.slt-plaque__interieur {
  max-width: 76rem;
  margin-inline: auto;
  padding: calc(var(--slt-souffle-haut) * 0.82) clamp(1rem, 3vw, 2.4rem) var(--slt-souffle);
}
.slt-plaque__interieur h1 { font-size: clamp(2rem, 1.4rem + 2.6vw, 3.4rem); max-width: 40rem; }
.slt-plaque__intro { color: var(--slt-craie-douce); max-width: 36rem; margin-top: 0.8rem; }
.slt-plaque__interieur .slt-chalkline { max-width: 12rem; }
.slt-onglets {
  background: var(--slt-ardoise-profonde);
  border-top: 1px solid rgba(242, 239, 230, 0.14);
}
.slt-onglets ul, .slt-onglets {
  max-width: 76rem;
  margin-inline: auto;
}
.slt-onglets {
  padding: 0 clamp(1rem, 3vw, 2.4rem);
  display: flex;
  gap: 0.3rem;
  flex-wrap: wrap;
}
.slt-onglet {
  display: inline-block;
  padding: 0.8em 1em 0.7em;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--slt-craie-fantine);
  text-decoration: none;
  border-bottom: 3px solid transparent;
}
.slt-onglet:hover { color: var(--slt-craie); }
.slt-onglet--courant {
  color: var(--slt-ambre);
  border-bottom-color: var(--slt-ambre);
}
/* la grille de la rubrique : des vignettes régulières */
.slt-plein__rang--grille {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0;
}
.slt-plein__rang--grille .slt-notecase.une { grid-row: auto; }
.slt-plein__rang--grille .slt-notecase.une ~ .slt-notecase:nth-of-type(4) { grid-column: auto; }

/* ---------------------------------------------------------------------------
   14. La lecture : l'article, sa planche, son slip de preuve, sa colonne
   --------------------------------------------------------------------------- */
.slt-remontee { background: var(--slt-papier); border-bottom: 1px solid var(--slt-regle); }
.slt-remontee ol {
  list-style: none;
  margin: 0 auto;
  padding: 0.75rem clamp(1rem, 3vw, 2.4rem);
  max-width: 76rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.55rem;
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  color: var(--slt-encre-doux);
}
.slt-remontee li:not(:last-child)::after { content: "·"; margin-left: 0.55rem; opacity: 0.6; }
.slt-remontee a { text-decoration: none; }
.slt-remontee a:hover { text-decoration: underline; text-underline-offset: 0.2em; }
.slt-remontee [aria-current="page"] { color: var(--slt-encre); }

.slt-lecture { background: var(--slt-papier); padding: calc(var(--slt-souffle-haut) * 0.8) 0 var(--slt-souffle); }
.slt-lecture__entete {
  max-width: 46rem;
  margin-inline: auto;
  padding-inline: clamp(1rem, 3vw, 2.4rem);
}
.slt-lecture__titre { font-size: clamp(1.9rem, 1.3rem + 2.4vw, 3.1rem); margin-top: 0.6rem; }
.slt-lecture__chapeau {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-size: clamp(1.1rem, 1rem + 0.5vw, 1.3rem);
  font-style: italic;
  color: var(--slt-encre-doux);
  margin: 0.9rem 0 0;
}
.slt-lecture__signature {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--slt-mousse);
  margin: 1.1rem 0 0;
}

/* la planche : la grande image panoramique du dossier */
.slt-lecture__planche {
  max-width: 66rem;
  margin: clamp(1.6rem, 3vw, 2.6rem) auto 0;
  padding-inline: clamp(1rem, 3vw, 2.4rem);
}
.slt-lecture__planche img {
  width: 100%;
  aspect-ratio: var(--slt-r-plaque);
  object-fit: cover;
  border-radius: 6px;
  box-shadow: 0 18px 36px -20px rgba(33, 43, 38, 0.55);
}
.slt-lecture__planche figcaption {
  font-size: 0.86rem;
  font-style: italic;
  color: var(--slt-encre-doux);
  padding-top: 0.7rem;
  max-width: var(--slt-mesure);
}

/* le corps : colonne de lecture + gouttières pour la preuve et les numéros */
.slt-lecture__corps {
  max-width: 38rem;
  margin: clamp(2rem, 4vw, 3.2rem) auto 0;
  padding-inline: clamp(1rem, 3vw, 2.4rem);
  position: relative;
}
.slt-texte { position: relative; counter-reset: slth2; }

.slt-texte p { font-size: 1.06rem; }

/* la lettrine : la première lettre inscrite comme au tableau */
.slt-page--article .slt-texte > p:first-of-type::first-letter {
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-weight: 600;
  font-size: 3.3em;
  line-height: 0.78;
  float: left;
  padding: 0.09em 0.14em 0 0;
  color: var(--slt-ardoise);
}

/* les intertitres : numérotés dans la gouttière, craie ambre */
.slt-texte h2 {
  font-size: clamp(1.3rem, 1.1rem + 0.7vw, 1.62rem);
  margin: 2.3rem 0 0.8rem;
}
.slt-texte h2::before {
  counter-increment: slth2;
  content: counter(slth2, decimal-leading-zero);
  font-family: 'Figtree', 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--slt-ambre-texte);
  border: 1px solid var(--slt-regle);
  border-radius: 3px;
  padding: 0.14em 0.42em;
  margin-right: 0.6rem;
  vertical-align: 0.18em;
  white-space: nowrap;
}
.slt-texte h3 { font-size: 1.12rem; margin: 1.6rem 0 0.6rem; }

.slt-texte a {
  color: var(--slt-mousse);
  text-decoration-color: rgba(62, 106, 82, 0.45);
}
.slt-texte a:hover { text-decoration-color: var(--slt-mousse); }
.slt-texte strong { font-weight: 600; }
.slt-texte em { font-style: italic; }
.slt-texte blockquote {
  margin: 1.6rem 0;
  padding: 0.1rem 0 0.1rem 1.2rem;
  border-left: 3px solid var(--slt-ambre);
  font-style: italic;
  color: var(--slt-encre-doux);
}
.slt-texte ul li::marker { color: var(--slt-ambre-texte); }

/* la fiche « first step / in the room / honest limits » : le tableau dans la lecture */
.slt-texte dl {
  background-color: var(--slt-ardoise);
  color: var(--slt-craie-douce);
  background-image:
    radial-gradient(rgba(242, 239, 230, 0.045) 1px, transparent 1.3px),
    radial-gradient(rgba(242, 239, 230, 0.032) 1px, transparent 1.3px);
  background-size: 7px 7px, 11px 11px;
  background-position: 0 0, 4px 5px;
  border-radius: 8px;
  padding: 1.4rem 1.6rem 1.5rem;
  margin: 2.2rem 0 1.6rem;
  transform: rotate(-0.4deg);
}
.slt-texte dl::before {
  content: "the plan, in three lines";
  display: block;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--slt-ambre);
  margin-bottom: 0.9rem;
}
.slt-texte dt {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--slt-ambre);
  margin-top: 0.8rem;
}
.slt-texte dt:first-of-type { margin-top: 0; }
.slt-texte dd { margin: 0.2rem 0 0; }
.slt-texte dl a { color: var(--slt-craie); text-decoration-color: var(--slt-ambre); }

/* le slip de preuve : le papier réglé épinglé dans la marge */
.slt-slip {
  background: var(--slt-papier);
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 1.65rem,
    rgba(217, 210, 193, 0.55) 1.65rem,
    rgba(217, 210, 193, 0.55) calc(1.65rem + 1px)
  );
  border: 1px solid var(--slt-regle);
  border-top: 4px solid var(--slt-argile);
  border-radius: 4px;
  padding: 0.9rem 1rem 0.7rem;
  margin: 0 0 1.4rem;
  transform: rotate(-1.1deg);
  box-shadow: 0 8px 16px -10px rgba(33, 43, 38, 0.4);
}
.slt-slip__titre {
  color: var(--slt-argile-texte);
  margin-bottom: 0.5rem;
}
.slt-slip__corps { margin: 0; }
.slt-slip__corps dt {
  float: left;
  clear: left;
  width: 4.6rem;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--slt-encre-doux);
  padding-top: 0.22em;
}
.slt-slip__corps dd {
  margin: 0 0 0.45rem 4.9rem;
  font-size: 0.86rem;
  line-height: 1.45;
}
.slt-slip__corps dd:last-child { margin-bottom: 0; }
.slt-slip__corps a { color: var(--slt-mousse); word-break: break-word; }

/* l'annexe : sommaire et sources, le dossier qui se referme */
.slt-annexe {
  margin-top: 2.8rem;
  border-top: 2px solid var(--slt-ardoise);
  padding-top: 1.4rem;
  display: grid;
  gap: 1.6rem;
  grid-template-columns: 1fr 1fr;
  font-size: 0.9rem;
}
.slt-annexe h2 {
  font-family: 'Figtree', 'Helvetica Neue', Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--slt-mousse);
  margin: 0 0 0.6rem;
}
.slt-annexe ol, .slt-annexe ul { margin: 0; padding-left: 1.15rem; }
.slt-annexe a { color: var(--slt-mousse); }

/* ---------------------------------------------------------------------------
   15. La page de service : la même colonne, sans planche ni slip
   --------------------------------------------------------------------------- */
.slt-lecture--service .slt-lecture__titre { max-width: 34rem; }

/* ---------------------------------------------------------------------------
   16. L'introuvable : la page 404, un tableau essuyé
   --------------------------------------------------------------------------- */
.slt-introuvable {
  background-color: var(--slt-ardoise);
  color: var(--slt-craie-douce);
  background-image:
    radial-gradient(rgba(242, 239, 230, 0.05) 1px, transparent 1.3px),
    radial-gradient(rgba(242, 239, 230, 0.036) 1px, transparent 1.3px);
  background-size: 7px 7px, 11px 11px;
  padding: calc(var(--slt-souffle-haut) * 1.2) 0 calc(var(--slt-souffle-haut) * 1.4);
  min-height: 46vh;
}
.slt-introuvable__interieur {
  max-width: 40rem;
  margin-inline: auto;
  padding-inline: clamp(1rem, 3vw, 2.4rem);
  text-align: left;
}
.slt-introuvable h1 {
  color: var(--slt-craie);
  font-size: clamp(2.2rem, 1.5rem + 3vw, 3.8rem);
  margin: 0.4rem 0 1rem;
}
.slt-introuvable .slt-bouton { margin-top: 1.4rem; }

/* ---------------------------------------------------------------------------
   17. Le pied : le cabinet qui signe
   --------------------------------------------------------------------------- */
.slt-pied {
  background: var(--slt-ardoise-profonde);
  color: var(--slt-craie-douce);
  padding: var(--slt-souffle-haut) 0 var(--slt-souffle);
}
.slt-pied__interieur {
  max-width: 76rem;
  margin-inline: auto;
  padding-inline: clamp(1rem, 3vw, 2.4rem);
  display: grid;
  gap: clamp(1.6rem, 3vw, 3rem);
  grid-template-columns: 1.3fr 0.85fr 0.85fr;
}
.slt-pied__titre {
  font-size: 0.74rem;
  font-family: 'Figtree', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--slt-ambre);
  margin-bottom: 0.8rem;
}
.slt-pied ul { list-style: none; margin: 0; padding: 0; font-size: 0.94rem; }
.slt-pied li { margin-bottom: 0.45em; }
.slt-pied a { color: var(--slt-craie-douce); text-decoration-color: rgba(217, 164, 65, 0.5); }
.slt-pied a:hover { color: var(--slt-craie); text-decoration-color: var(--slt-ambre); }
.slt-pied__note { font-size: 0.86rem; color: var(--slt-craie-fantine); }
.slt-pied__petit { font-size: 0.8rem; color: var(--slt-craie-fantine); margin: 0.3rem 0 0; }
.slt-pied__ligne {
  max-width: 76rem;
  margin: 2.4rem auto 0;
  padding: 1.2rem clamp(1rem, 3vw, 2.4rem) 0;
  border-top: 1px solid rgba(242, 239, 230, 0.16);
  font-family: 'Source Serif 4', 'Iowan Old Style', Georgia, serif;
  font-style: italic;
  font-size: 1.05rem;
  color: var(--slt-craie);
}
.slt-pied__marque {
  max-width: 76rem;
  margin: 0.5rem auto 0;
  padding: 0 clamp(1rem, 3vw, 2.4rem);
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  color: var(--slt-craie-fantine);
}

/* ---------------------------------------------------------------------------
   18. Les écrans larges : gouttières qui travaillent
   --------------------------------------------------------------------------- */
@media (min-width: 72rem) {
  /* les numéros d'intertitres passent dans la gouttière gauche */
  .slt-texte { padding-left: 3.6rem; }
  .slt-texte h2 { position: relative; }
  .slt-texte h2::before {
    position: absolute;
    left: -3.6rem;
    top: 0.1rem;
    margin-right: 0;
    width: 2.7rem;
    text-align: center;
  }
}
@media (min-width: 78rem) {
  /* le slip de preuve quitte le flux : il vit dans la gouttière droite */
  .slt-lecture__corps { max-width: 38rem; }
  .slt-slip {
    position: absolute;
    top: 0.2rem;
    left: calc(100% + 2.2rem);
    width: 15rem;
    margin: 0;
  }
}

/* ---------------------------------------------------------------------------
   19. Les écrans étroits : tout se range en colonne
   --------------------------------------------------------------------------- */
@media (max-width: 64rem) {
  .slt-ouverture__interieur { grid-template-columns: 1fr; }
  .slt-soins__rang { grid-template-columns: 1fr 1fr; }
  .slt-soin:last-child { grid-column: 1 / -1; }
  .slt-tableau__interieur { grid-template-columns: 1fr; }
  .slt-plein__rang { grid-template-columns: 1fr 1fr; }
  .slt-plein__rang > .slt-notecase.une { grid-row: auto; grid-column: 1 / -1; }
  .slt-plein__rang > .slt-notecase.une ~ .slt-notecase:nth-of-type(4) { grid-column: auto; }
  .slt-plein__tiroirs { grid-template-columns: 1fr 1fr; }
  .slt-zone__rang { grid-template-columns: 1fr; }
  .slt-registre__liste { grid-template-columns: 1fr; }
  .slt-rezo__liste { grid-template-columns: 1fr; }
  .slt-pied__interieur { grid-template-columns: 1fr 1fr; }
  .slt-pied__colonne:first-child { grid-column: 1 / -1; }
}
@media (max-width: 48rem) {
  .slt-topbar__interieur {
    flex-wrap: wrap;
    gap: 0.5rem 0.8rem;
  }
  .slt-enseigne { flex: 1 1 100%; font-size: 1.12rem; }
  .slt-pilier {
    margin-left: 0;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .slt-pilier::-webkit-scrollbar { display: none; }
  .slt-topbar__action { display: none; }
  .slt-plein__rang--grille,
  .slt-plein__rang,
  .slt-soins__rang { grid-template-columns: 1fr; }
  .slt-soin:last-child { grid-column: auto; }
  .slt-plein__tiroirs { grid-template-columns: 1fr; }
  .slt-annexe { grid-template-columns: 1fr; }
  .slt-lecture__planche img { aspect-ratio: var(--slt-r-filet); }
  .slt-pied__interieur { grid-template-columns: 1fr; }
  .slt-registre__timbre { width: 3.6rem; }
  .slt-registre__timbre img { width: 3.6rem; }
}

/* ---------------------------------------------------------------------------
   20. L'impression : le dossier papier
   --------------------------------------------------------------------------- */
@media print {
  body.slt-page { background: #fff; color: #000; font-size: 11pt; }
  .slt-topbar, .slt-ouverture__photo, .slt-lecture__planche,
  .slt-plein, .slt-rezo, .slt-zone, .slt-introuvable .slt-bouton { display: none; }
  .slt-ouverture, .slt-tableau, .slt-plaque, .slt-pied, .slt-remontee {
    background: #fff !important;
    background-image: none !important;
    color: #000;
  }
  .slt-ouverture__titre, .slt-tableau__titre, .slt-tableau__ligne,
  .slt-plaque__interieur h1, .slt-pied, .slt-texte dl { color: #000; background: #fff; }
  .slt-texte dl, .slt-slip, .slt-margin-note { border: 1pt solid #000; transform: none; }
  .slt-lecture__entete, .slt-lecture__corps, .slt-lecture__planche {
    max-width: none; padding-inline: 0;
  }
  .slt-slip { position: static; width: auto; }
  a { color: #000; text-decoration: none; }
}

/* Illustrated category lists */
/* les photos du tiroir : vignette 80px par article */
.slt-tiroir__photo {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  overflow: hidden;
  flex: none;
  display: block;
}
.slt-tiroir__photo img,
.slt-tiroir__photo picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px;
}
.slt-tiroir__liste li {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  padding: 0.75rem 0;
  border-bottom: 1px dotted var(--slt-regle);
  background: var(--slt-blanc);
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  padding: 0.75rem;
  margin-bottom: 0.5rem;
}
.slt-tiroir__liste li > * {
  min-width: 0;
}
.slt-tiroir__liste li .slt-cote {
  grid-column: 2;
  font-size: 0.72rem;
  color: var(--slt-encre-doux);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.slt-tiroir__liste li a {
  grid-column: 2;
  text-decoration: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}
.slt-tiroir__liste li time {
  grid-column: 2;
  font-size: 0.72rem;
  color: var(--slt-encre-doux);
  opacity: 0.8;
  white-space: nowrap;
}
@media (max-width: 390px) {
  .slt-tiroir__liste li {
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 0.5rem;
  }
  .slt-tiroir__photo {
    width: 80px;
    height: 80px;
  }
}
.slt-tiroir {
  border-top: 2px solid var(--slt-ardoise);
  padding-top: 0.85rem;
}
.slt-tiroir__titre {
  font-size: 1.12rem;
  margin-bottom: 0.7rem;
}
.slt-tiroir__titre a {
  text-decoration: none;
}
.slt-tiroir__titre a:hover {
  text-decoration: underline;
  text-underline-offset: 0.22em;
}
.slt-tiroir__liste {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
}
.slt-tiroir__liste a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  color: var(--slt-mousse);
}


.slt-tiroir__liste li > picture { grid-column: 1; grid-row: 1 / span 3; }