/* Overrides texte portfolio — aligné sur /serie_extrait */

.universe__content {
  max-width: 800px !important;
}

.universe__title {
  font-size: clamp(2rem, 5vw, 3.5rem) !important;
  line-height: 1.2 !important;
  word-wrap: break-word;
}

.universe__title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  width: 100%;
  margin-bottom: 0.35rem;
}

.universe[data-layout="bottom-right"] .universe__title-row,
.universe[data-layout="top-right"] .universe__title-row {
  flex-direction: row-reverse;
}

.universe[data-layout="center-bottom"] .universe__title-row,
.universe[data-layout="center-top"] .universe__title-row {
  justify-content: center;
  flex-wrap: wrap;
}

.universe__donate {
  flex-shrink: 0;
  font-size: clamp(0.75rem, 1.5vw, 0.9rem);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.85;
  border-bottom: 1px solid currentColor;
  transition: opacity 0.25s ease;
  white-space: nowrap;
  padding-top: 0.35rem;
}

.universe__donate:hover {
  opacity: 1;
}

.universe__subtitle {
  font-size: clamp(1rem, 2vw, 1.35rem) !important;
  opacity: 1 !important;
  margin-bottom: 0.75rem !important;
}

.universe__year {
  font-size: clamp(0.85rem, 1.5vw, 1rem) !important;
  opacity: 0.85 !important;
}

.universe__number {
  font-size: clamp(0.75rem, 1.5vw, 0.9rem) !important;
  margin-bottom: 0.75rem !important;
}

.universe__thought {
  margin-top: 1.25rem !important;
  font-size: clamp(1.25rem, 2.8vw, 1.85rem) !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
  border-left-width: 3px !important;
  padding-left: 1.25rem !important;
  max-width: 800px;
}

.universe[data-layout="bottom-right"] .universe__thought,
.universe[data-layout="top-right"] .universe__thought {
  border-right-width: 3px !important;
  padding-right: 1.25rem !important;
}

.universe__sold-inline {
  font-size: clamp(1rem, 2vw, 1.2rem) !important;
}

.site-footer__tagline {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem) !important;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.site-footer__credits {
  font-size: clamp(0.8rem, 1.5vw, 0.95rem) !important;
}

@media (max-width: 768px) {
  .universe__content {
    max-width: 100% !important;
  }

  .universe__thought {
    font-size: clamp(1.15rem, 4.5vw, 1.5rem) !important;
    max-width: 100%;
  }
}