/*
 * Sistema editorial único para entradas.
 * Artículo, fotoensayo y Recomienda comparten apertura, retícula y ritmo.
 */

.nocturnalia-article-canonical .single-article,
.nocturnalia-article-canonical .photo-essay,
.nocturnalia-article-canonical .recommendation-single {
  background: var(--ed-paper);
  color: var(--ed-ink);
}

.nocturnalia-article-canonical .photo-essay--dark,
.nocturnalia-article-canonical .photo-essay--paper {
  background: var(--ed-paper);
  color: var(--ed-ink);
}

.nocturnalia-article-canonical .photo-essay--dark .photo-essay__content,
.nocturnalia-article-canonical .photo-essay--dark .related-posts,
.nocturnalia-article-canonical .photo-essay--dark .section-heading,
.nocturnalia-article-canonical .photo-essay--dark .ed-card__body,
.nocturnalia-article-canonical .photo-essay--dark .ed-card__title a {
  color: var(--ed-ink);
}

/* El fotoensayo conserva anchura visual, pero entra por la misma cabecera. */
.nocturnalia-photography-view .photo-essay__work {
  margin-bottom: clamp(6rem, 10vw, 11rem);
  padding-top: clamp(44px, 5vw, 72px);
}

.nocturnalia-photography-view .photo-essay__content > p,
.nocturnalia-photography-view .photo-essay__content > ul,
.nocturnalia-photography-view .photo-essay__content > ol,
.nocturnalia-photography-view .photo-essay__content > blockquote {
  color: #191816;
  font-family: var(--ed-article-body-font, var(--ed-body-serif));
  font-size: var(--ed-reading-size);
  line-height: var(--ed-reading-leading);
}

/* Recomienda abandona la ficha aislada y usa la retícula de lectura común. */
.nocturnalia-recommendation-view .recommendation-single {
  padding-bottom: clamp(64px, 8vw, 110px);
}

.nocturnalia-recommendation-view .recommendation-single__layout {
  column-gap: clamp(24px, 3vw, 52px);
  display: grid;
  grid-template-columns: minmax(90px, 1fr) minmax(0, var(--ed-reading)) minmax(90px, 1fr);
  justify-content: stretch;
  padding-bottom: clamp(56px, 7vw, 96px);
  padding-top: clamp(44px, 5vw, 72px);
}

.nocturnalia-recommendation-view .recommendation-single__main {
  grid-column: 2;
  max-width: var(--ed-reading);
  min-width: 0;
  width: 100%;
}

.nocturnalia-recommendation-view .recommendation-single__layout .article-share {
  align-self: start;
  grid-column: 1;
  justify-self: end;
  margin-right: clamp(10px, 1.8vw, 28px);
  padding-right: clamp(18px, 2.5vw, 34px);
  position: sticky;
  top: 132px;
}

.admin-bar.nocturnalia-recommendation-view .recommendation-single__layout .article-share {
  top: 164px;
}

.nocturnalia-recommendation-view .recommendation-single__facts {
  border-bottom: var(--ed-rule);
  border-top: 5px solid var(--ed-ink);
  padding-block: clamp(22px, 3vw, 34px);
}

.nocturnalia-recommendation-view .recommendation-single__date {
  font-family: var(--ed-display-serif);
  font-size: clamp(1.7rem, 3.3vw, 2.65rem);
  line-height: 1.04;
}

.nocturnalia-recommendation-view .recommendation-single__curation {
  padding-top: clamp(42px, 6vw, 68px);
}

.nocturnalia-recommendation-view .recommendation-single__note {
  color: #191816;
  font-family: var(--ed-article-body-font, var(--ed-body-serif));
  font-size: var(--ed-reading-size);
  line-height: var(--ed-reading-leading);
  max-width: var(--ed-reading);
}

.nocturnalia-recommendation-view .recommendation-single__curation-title {
  color: var(--ed-accent-text-on-paper);
}

/* Las aperturas especiales ya no tienen una segunda escala tipográfica propia. */
.nocturnalia-article-canonical .article-format-label,
.nocturnalia-article-canonical .article-contributor-role,
.nocturnalia-article-canonical .article-translation,
.nocturnalia-article-canonical .article-location {
  font-family: var(--ed-ui-sans);
}

@media (max-width: 820px) {
  .nocturnalia-recommendation-view .recommendation-single__layout {
    grid-template-columns: 1fr;
  }

  .nocturnalia-recommendation-view .recommendation-single__main {
    grid-column: 1;
    grid-row: 1;
  }

  .nocturnalia-recommendation-view .recommendation-single__layout .article-share {
    border-bottom: 0;
    border-right: 0;
    border-top: var(--ed-rule);
    display: flex;
    flex-direction: row;
    gap: 4px;
    grid-column: 1;
    grid-row: 2;
    justify-content: flex-start;
    justify-self: stretch;
    margin: 18px 0 0;
    padding: 14px 0 0;
    position: static;
    top: auto;
  }
}

@media (max-width: 760px) {
  .nocturnalia-photography-view .photo-essay__work {
    padding-top: clamp(34px, 9vw, 52px);
  }
}