/*
 * Compléments de style pour la couche SEO locale et sectorielle
 * (/agence-ia/ et /ia-secteur/). S'appuie sur /guides/guides.css.
 */

/* Groupes successifs dans « pages liées » */
.g-related h2 { font-size: 1.05rem; }
.g-related ul + h2 { margin-top: 1.9rem; }

/* Titres de groupe du hub : autoriser le retour à la ligne (les intitulés de la
   couche SEO sont plus longs que ceux des guides, sinon débordement mobile). */
.hub-group__head h2 { white-space: normal; }

/* Hub : villes par département, en pastilles compactes */
.hub-dept { margin-bottom: 1.6rem; }
.hub-dept h3 {
  font-size: 0.98rem; font-weight: 800; letter-spacing: -0.01em;
  margin-bottom: 0.65rem;
}
.hub-dept h3 span { color: var(--text-muted); font-weight: 600; font-size: 0.85rem; }
.chips {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 0.55rem;
}
.chips li { margin: 0; }
.chip {
  display: inline-block;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0.42rem 0.95rem;
  font-size: 0.9rem; font-weight: 600;
  color: var(--text-soft); text-decoration: none;
  transition: border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease),
              transform var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease);
}
.chip:hover {
  border-color: var(--brand); color: var(--brand);
  transform: translateY(-1px); box-shadow: var(--shadow-card);
}

@media (prefers-reduced-motion: reduce) {
  .chip { transition: none; }
}

/* FAQ du hub : miroir visible du schema FAQPage */
.hub-faq__list { display: grid; gap: 1rem; }
.hub-faq__item {
  background: var(--surface, #fff); border: 1px solid var(--line, #e9ecf2);
  border-radius: 14px; padding: 1.25rem 1.4rem;
}
.hub-faq__item h3 { margin: 0 0 0.5rem; font-size: 1.05rem; font-weight: 800; letter-spacing: -0.01em; }
.hub-faq__item p { margin: 0; font-size: 0.95rem; line-height: 1.6; color: var(--text-soft, #3b4356); }