/* ===================================================================
   MARY FLEUREAU — Styles spécifiques à la PAGE AUTRICE
   À charger APRÈS styles.css. Réutilise .cabane de styles.css.
   - Intro et corps : texte aligné à gauche
   - Photos : centrées
   - Citations : encart centré, italique, simple (pas de capitales)
   =================================================================== */

/* Intro immersive « Imagines… » — alignée à gauche */
.autrice-intro { max-width: 840px; margin: 0 auto; }
.autrice-intro .intro-lead {
  font-family: var(--title); text-transform: uppercase; letter-spacing: .04em;
  color: var(--ember); font-size: clamp(1.5rem, 1rem + 2.4vw, 2.6rem);
  line-height: 1.1; margin-bottom: 1.4rem;
}
.autrice-intro p {
  font-family: var(--serif); color: var(--bone-dim);
  font-size: clamp(1.02rem, .98rem + .3vw, 1.2rem); line-height: 1.8;
  margin-bottom: 1.1rem; text-align: left;
}

/* Corps de présentation — paragraphes alignés à gauche */
.autrice-body  { max-width: 840px; margin: 0 auto; }
.autrice-body p {
  color: var(--bone); line-height: 1.8; margin-bottom: 1.2rem; text-align: left;
}
.autrice-body i, .autrice-body em { color: var(--bone-dim); }

/* Photo centrée */
.autrice-photo { margin: clamp(1.8rem, 4vw, 2.6rem) auto; max-width: 540px; }
.autrice-photo img {
  width: 100%; border-radius: var(--radius); border: 1px solid var(--line);
  box-shadow: 0 18px 40px rgba(0,0,0,.5);
}

/* Citations — encart centré, italique, sans capitales */
.autrice-quote {
  max-width: 60ch; margin: clamp(1.8rem, 4vw, 2.6rem) auto;
  text-align: center; font-family: var(--serif); font-style: italic;
  color: var(--bone); font-size: clamp(1.12rem, 1rem + .55vw, 1.4rem);
  line-height: 1.55;
}

/* Fun facts */
.funfacts {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem;
  width: min(1040px, 94vw);
  margin-block: clamp(1.4rem, 3vw, 2rem);
  margin-left: 50%; transform: translateX(-50%);
}
@media (max-width: 760px) { .funfacts { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 460px) { .funfacts { grid-template-columns: 1fr; } }
.funfact {
  background: var(--card); border: 1px solid var(--line); border-left: 3px solid var(--ember);
  border-radius: var(--radius); padding: 1.1rem 1.2rem; color: var(--bone);
  line-height: 1.5; font-size: var(--fs-small);
}
.funfact .ff-icon { font-size: 1.4rem; display: block; margin-bottom: .4rem; }
@media (max-width: 520px) { .funfacts { grid-template-columns: 1fr; } }