/* ── En-tête de section réutilisable (titre Cormorant + sous-titre + ornements) ──
   Utilisé par la section categories ET la section editorial. ── */
.home-header { text-align: center; margin-bottom: 1.75rem; }
.home-header-ornament { display: block; margin-inline: auto; max-width: 100%; height: auto; }
.home-header-ornament--top { width: 100px; margin-bottom: 0.5rem; }
.home-header-ornament--bottom { width: 50px; margin-top: 0.5rem; }
.home-header-title { font-family: 'Cormorant Garamond', serif; font-weight: 700; font-size: 2.4rem; line-height: 1.15; color: var(--text); margin: 0; }
.home-header-subtitle { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 400; font-size: 1.2rem; color: var(--text-secondary); margin: 0.25rem 0 0; }

/* ── Chrome de section (partagé par categories + editorial) ── */
.home-section { padding: 2.5rem 1.5rem; max-width: var(--content-max); margin: 0 auto; }
.home-section-light {
  background: #ffffff;
  /* Section toujours claire : on redéfinit les variables localement,
     donc textes et cartes restent lisibles sur le fond blanc. */
  --text: #000000;
  --text-secondary: #555555;
  --text-muted: #999999;
  --bg-card: #ffffff;
  --border: #e0e0e0;
}
.home-section-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 1.25rem; }
.home-section-head-tight { margin-bottom: 0.9rem; }
.home-section-head h2 { color: var(--text); font-size: 1.2rem; font-weight: 700; margin: 0; }
.home-section-link { color: var(--accent); font-size: 0.85rem; font-weight: 600; text-decoration: none; white-space: nowrap; }
.home-section-link:hover { text-decoration: underline; }
.home-empty { color: var(--text-muted); font-size: 0.85rem; }