/* Maquetación común de los artículos (se enlaza con script/cabecera-articulos.cjs).

   1. Cabecera fija más compacta: una sola fila (la fila de categorías se quitó: sus
      enlaces ya no filtran nada) y menos relleno vertical.
   2. Margen bajo la cabecera: al saltar a una sección desde el índice o un enlace, el
      encabezado queda a ~7 rem del borde superior, no pegado ni tapado por la cabecera. */
.site-header .header-inner {
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
}
html:root {
  scroll-padding-top: 7rem;
}
.section-block[id],
.sources-block[id] {
  scroll-margin-top: 7rem;
}

/* Móvil: la cabecera pasa de tres filas a dos (marca y botones arriba; fecha debajo,
   más pequeña) para ocupar menos pantalla. */
@media (max-width: 640px) {
  .site-header .header-inner {
    gap: var(--space-1) var(--space-3);
    padding-left: var(--space-5);
    padding-right: var(--space-5);
  }
  .site-header .brand {
    order: 1;
  }
  .site-header .nav {
    order: 2;
    margin-left: auto;
  }
  .site-header .build-stamp {
    order: 3;
    width: 100%;
    font-size: 0.68rem;
  }
}