/* Nocturnalia 1.2.6 — Cabecera editorial: número y título unidos a la izquierda, periodo a la derecha.
 * El número conserva la misma línea base que la primera línea del título.
 * Los metadatos proceden siempre del motor mensual: no hay fechas fijas. */
.site-header .site-header__utility {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  align-items: baseline;
  column-gap: clamp(12px, 3vw, 42px);
  max-height: none;
  min-height: 40px;
  overflow: visible;
  padding-block: 9px;
  font-size: 11px;
  line-height: 1.35;
  letter-spacing: .085em;
}
.site-header .site-header__date {
  grid-column: 1;
  grid-row: 1;
  display: block;
  justify-self: start;
  min-width: 0;
  max-width: 100%;
  text-align: left;
  white-space: normal;
  font-size: inherit;
  line-height: inherit;
}
.site-header .site-header__issue-link {
  display: flex;
  align-items: baseline;
  gap: .5em;
  max-width: 100%;
  min-width: 0;
  color: var(--ed-header-text);
  text-align: left;
  text-wrap: auto;
  text-decoration: none;
}
.site-header .site-header__issue-number {
  color: var(--ed-accent-text-on-paper);
  flex: 0 0 auto;
  white-space: nowrap;
  font-weight: 800;
}
.site-header .site-header__issue-title {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 800;
  overflow-wrap: break-word;
  word-break: normal;
}
.site-header .site-header__period {
  grid-column: 2;
  grid-row: 1;
  display: block;
  justify-self: end;
  text-align: right;
  color: var(--ed-muted);
  font-family: var(--ed-ui-sans);
  font-weight: 750;
  font-size: inherit;
  white-space: nowrap;
}
/* Se conserva el cierre de la franja en la cabecera compacta. */
body.nocturnalia-header-compact .site-header .site-header__utility {
  border-bottom-color: transparent;
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  padding-block: 0;
  opacity: 0;
}
@media (max-width: 820px) {
  .site-header .site-header__utility {
    column-gap: 12px;
    align-items: baseline;
    min-height: 44px;
    padding-block: 9px;
    font-size: 10px;
    line-height: 1.35;
    letter-spacing: .045em;
  }
  .site-header .site-header__date {
    text-align: left;
    align-self: baseline;
  }
}
@media (max-width: 380px) {
  .site-header .site-header__utility {
    column-gap: 9px;
    font-size: 10px;
    letter-spacing: .015em;
  }
  .site-header .site-header__issue-link {
    gap: .35em;
  }
  .site-header .site-header__issue-title {
    letter-spacing: 0;
  }
}