/* Category layout follows the actual number of categories, not five fixed slots. */
.section-univers .universe-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.section-univers .universe-grid > .universe-card {
  grid-column: auto;
  min-width: 0;
  min-height: 290px;
  height: auto;
  margin: 0;
  padding: 26px;
  gap: 72px;
  background-color: #e6dfe8;
}
.section-univers .universe-card:nth-child(3n + 2) { background-color: #e8e1d2; }
.section-univers .universe-card:nth-child(3n) { background-color: #e0e4d4; }
.section-univers .universe-grid > .universe-card:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}
.section-univers .universe-content {
  min-width: 0;
  width: 100%;
  max-width: 92%;
  padding-right: 18px;
  box-sizing: border-box;
}
.section-univers .universe-content strong {
  font-size: clamp(1.75rem, 2.8vw, 2.65rem);
  line-height: 1.12;
  overflow-wrap: anywhere;
}
.section-univers .universe-content small { line-height: 1.55; overflow-wrap: anywhere; }
.section-univers .universe-card:focus-visible { outline: 3px solid #54305c; outline-offset: 4px; }
@media (max-width: 700px) {
  .section-univers .universe-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .section-univers .universe-grid > .universe-card {
    grid-column: auto;
    min-height: 245px;
    padding: 22px;
    gap: 62px;
  }
  .section-univers .universe-content strong { font-size: clamp(1.75rem, 6.5vw, 2.25rem); }
  .section-univers .universe-content small { font-size: .84rem; }
}