/* Hub des études : compléments à Socle Données (jetons --dn-* uniquement). */

.hub-filtres { margin-block: 8px 24px; }

.hub-grille {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: var(--dn-space-5);
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
}
.hub-etude { display: flex; min-width: 0; }
.hub-etude[hidden] { display: none; }
.hub-etude > .dn-fiche { flex: 1; gap: 14px; padding: clamp(20px, 2.4vw, 28px); }
.hub-etude--une { grid-column: 1 / -1; }
.hub-etude--une .dn-fiche__texte { font-size: var(--dn-type-chapo-size); max-width: 62ch; }

.hub-etude__tete { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.hub-etude__titre { margin: 0; text-wrap: balance; }
.hub-etude .dn-fiche__texte { margin: 0; color: var(--dn-text-secondary); }

.hub-chiffres {
  display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 4px 0 0; padding: 0;
}
.hub-chiffres > div { display: flex; flex-direction: column-reverse; gap: 2px; }
.hub-chiffres dt { font-family: var(--dn-font-mono); font-size: var(--dn-type-meta-size); color: var(--dn-text-secondary); }
.hub-chiffres dd {
  margin: 0; font-family: var(--dn-font-display); font-weight: 700; font-stretch: 112%;
  font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2rem); line-height: 1; color: var(--dn-text-primary);
  font-variant-numeric: tabular-nums;
}
.hub-etude--une .hub-chiffres dd { font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem); }

.hub-etude .dn-fiche__pied { margin-top: auto; padding-top: 6px; }

.hub-methode .dn-encadre { height: 100%; margin: 0; }

.hub-pied { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; }
.hub-pied p { margin: 0; }

.hub-methode { --dn-colonnes: 3; }