/* ==========================================================================
   60 · BLOG, ARCHIVOS Y BUSCADOR
   --------------------------------------------------------------------------
   Se carga en is_home(), is_archive(), is_search() y en los glosarios, que
   usan la misma rejilla de tarjetas (ver p2080_ctx_blog).

   Aquí va MUY POCO a propósito. La rejilla la pone .grid--3 de 20-layout.css,
   la tarjeta la pone .card--link de 40-components.css y la paginación también.
   Este archivo solo cubre lo que es exclusivo del índice.
   ========================================================================== */

/* Las tarjetas de una fila deben medir lo mismo aunque los extractos varíen.
   `.card` ya es flex en columna y `.card__excerpt` crece; esto solo iguala la
   altura de las celdas de la rejilla. */
.post-grid > .card {
	height: 100%;
}

/* ── Estado vacío ──────────────────────────────────────────────────────────
   Buscar sin resultados es el momento en el que más fácil es perder a
   alguien: se le ofrece el buscador otra vez, no un callejón sin salida.
   ────────────────────────────────────────────────────────────────────────── */

.post-empty {
	max-width: var(--w-narrow);
	margin-inline: auto;
	padding-block: var(--space-5);
	text-align: center;
}

.post-empty .search-form {
	margin-inline: auto;
	max-width: var(--w-narrow);
}

/* ── Buscar de nuevo desde la cabecera de resultados ───────────────────── */

.search-again {
	max-width: var(--w-narrow);
	margin-block-start: var(--space-3);
}