/* La retícula es estructural; el tema conserva tipografía, color y dirección de arte. */
.nee-layout{display:grid;gap:clamp(24px,3vw,48px)}
.archive-grid.nee-layout--featured-single{grid-template-columns:1fr}
.archive-grid.nee-layout--two-up{grid-template-columns:repeat(2,minmax(0,1fr))}
.archive-grid.nee-layout--lead-plus-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.archive-grid.nee-layout--lead-plus-two>.ed-card:first-child{grid-column:1/-1}
.archive-grid.nee-layout--four-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.archive-grid.nee-layout--lead-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.archive-grid.nee-layout--lead-grid>.ed-card:first-child{grid-column:1/-1}
@media(min-width:1100px){.archive-grid.nee-layout--lead-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-grid.nee-layout--lead-grid>.ed-card:first-child{grid-column:span 2}}
@media(max-width:760px){.nee-layout,.nee-layout--two-up,.nee-layout--lead-plus-two,.nee-layout--four-grid,.nee-layout--lead-grid{grid-template-columns:1fr}.nee-layout>*{grid-column:auto!important}}

/* 1.2.5 — archivos realmente responsive.
 * La retícula editorial puede ser 2-up/lead-grid en escritorio, pero nunca
 * debe sobrevivir comprimida en móvil. Se fuerza una sola columna hasta
 * 900px para cubrir móviles con viewport ancho, zoom/accesibilidad y tablets
 * estrechas. La regla es deliberadamente más específica que la base. */
@media (max-width: 900px) {
  .archive-grid,
  .archive-grid.nee-layout,
  .archive-grid.nee-layout--two-up,
  .archive-grid.nee-layout--lead-plus-two,
  .archive-grid.nee-layout--four-grid,
  .archive-grid.nee-layout--lead-grid,
  .archive-grid.nee-layout--featured-single {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .archive-grid.nee-layout > *,
  .archive-grid.nee-layout--two-up > *,
  .archive-grid.nee-layout--lead-plus-two > *,
  .archive-grid.nee-layout--four-grid > *,
  .archive-grid.nee-layout--lead-grid > *,
  .archive-grid.nee-layout--featured-single > * {
    grid-column: 1 / -1 !important;
    min-width: 0;
    width: 100%;
  }

  .archive-featured .ed-card--featured,
  .archive-grid .ed-card--featured {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}