/* Fibre Herd — accueil : bloc « Sur la fiche » (présentation du bouton Lire la fiche).
   Chargé uniquement par index.html, juste après .fh-origine (ordre : hero → visite → origine → lire-home).
   Pleine largeur comme .fh-visite (même technique box-shadow/clip-path), contenu à 1040px.
   Bloc statique : pas d’animation, pas de fausse conversation. */
.fh-lire-home {
  --lh-bg: #f6f1e7;
  --lh-card: #fffdf8;
  --lh-ink: #1c1915;
  --lh-soft: #5f574b;
  --lh-ochre-dark: #8f4520;
  --lh-sage: #6A9440;
  --lh-sage-dark: #567a33;
  --lh-line: rgba(28, 25, 21, 0.12);
  position: relative;
  margin: 0 0 1.5rem;
  padding: 3.5rem 0 3.75rem;
  color: var(--lh-ink);
  background: var(--lh-bg);
  box-shadow: 0 0 0 100vmax var(--lh-bg);
  clip-path: inset(0 -100vmax);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;
}
.fh-lire-home-head { max-width: 46rem; margin: 0 auto 2.25rem; text-align: center; }
.fh-lire-home-eyebrow {
  margin: 0 0 .75rem;
  font-size: .82rem;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-variant: small-caps;
  color: var(--lh-ochre-dark);
}
.fh-main .fh-lire-home h2.fh-lire-home-title,
.fh-lire-home .fh-lire-home-title {
  margin: 0 0 1rem;
  font-family: var(--fh-serif, Georgia, serif);
  font-weight: 600;
  font-size: clamp(1.7rem, 1.1rem + 2.2vw, 2.6rem);
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--lh-ink);
  text-wrap: balance;
}
.fh-lire-home-sub { margin: 0; font-size: 1.05rem; line-height: 1.55; color: var(--lh-soft); text-wrap: pretty; }

.fh-lire-home-cards {
  list-style: none;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  counter-reset: lh-card;
}
@media (min-width: 760px) {
  .fh-lire-home-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
}
.fh-lire-home-card {
  counter-increment: lh-card;
  margin: 0;
  padding: 1.35rem 1.5rem 1.4rem;
  background: var(--lh-card);
  border: 1px solid var(--lh-line);
  border-radius: 14px;
}
.fh-main .fh-lire-home h3.fh-lire-home-card-title,
.fh-lire-home .fh-lire-home-card-title {
  margin: 0 0 .5rem;
  font-family: var(--fh-serif, Georgia, serif);
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: var(--lh-ink);
}
.fh-lire-home-card-title::before {
  content: counter(lh-card);
  display: inline-block;
  min-width: 1.4em;
  margin-right: .35rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: .85rem;
  font-weight: 700;
  color: var(--lh-sage-dark);
  vertical-align: .12em;
}
.fh-lire-home-card-body { margin: 0; font-size: 1rem; line-height: 1.6; color: var(--lh-soft); text-wrap: pretty; }

.fh-lire-home-how {
  max-width: 46rem;
  margin: 2rem auto 0;
  text-align: center;
}
.fh-lire-home-how p { margin: 0 0 .3rem; font-size: 1.02rem; line-height: 1.55; color: var(--lh-ink); text-wrap: pretty; }
.fh-lire-home-how p:last-child { margin-bottom: 0; }
.fh-lire-home-limit {
  max-width: 46rem;
  margin: 1rem auto 0;
  font-size: .88rem;
  line-height: 1.5;
  color: var(--lh-soft);
  text-align: center;
  text-wrap: pretty;
}
.fh-lire-home-cta-wrap { margin: 1.75rem 0 0; text-align: center; }
.fh-lire-home-cta,
.fh-main .fh-lire-home a.fh-lire-home-cta {
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  background: var(--lh-sage-dark);
  border: 1px solid var(--lh-sage-dark);
  border-radius: 999px;
  padding: .75rem 1.5rem;
  text-decoration: none;
}
.fh-lire-home-cta:hover,
.fh-main .fh-lire-home a.fh-lire-home-cta:hover { background: #48682a; border-color: #48682a; color: #fff; }
.fh-lire-home-cta:focus-visible { outline: 3px solid var(--lh-ink); outline-offset: 3px; }
@media (max-width: 520px) {
  .fh-lire-home { padding: 2.5rem 0 2.75rem; }
  .fh-lire-home-card { padding: 1.15rem 1.15rem 1.2rem; border-radius: 12px; }
  .fh-lire-home-how p { font-size: .98rem; }
}