/*!
 * Baly theme — search results, tag/author/date/taxonomy archives and the 404.
 *
 * Handle: `bch-list` (depends on bch-chrome; + bch-ui-nav on listings). Loaded only on those routes
 * (inc/chrome/chrome-assets.php). Builds on the bch-ui primitives.
 */

/* ── Shared: one reading column inside the 1320px shell */

/* ── Site search field (listings + 404): pill field + pill button, 48 each */
.bch-search { display: flex; flex-direction: column; gap: var(--bsy-space-2); }
.bch-search__l { font-size: var(--bsy-text-sm); font-weight: var(--bsy-fw-medium); color: var(--bsy-ink); }
.bch-search__row { display: flex; gap: var(--bsy-space-2); }
.bch-search__in {
	flex: 1 1 auto; min-width: 0; box-sizing: border-box;
	min-height: var(--bsy-size-field); margin: 0; padding: 0 var(--bsy-space-5);
	border: 1px solid var(--bsy-field-line); border-radius: var(--bsy-radius-pill);
	background: var(--bsy-white); color: var(--bsy-ink);
	font-family: var(--bsy-font); font-size: var(--bsy-text-base);
}
.bch-search__in::placeholder { color: var(--bsy-muted); opacity: 1; }
.bch-search .bsy-btn { min-height: var(--bsy-size-btn-lg); flex: none; }

/* ── Listings (search, archives) */
.bch-list__search { margin: var(--bsy-space-6) 0 0; max-width: 640px; }
.bch-list__grid { margin-block-start: var(--bsy-space-8); --bsy-grid-cols-sm: 1; --bsy-grid-cols-md: 2; --bsy-grid-cols: 3; }
div.bch-list__grid { display: block; }
.bch-list__type { margin: 0; font-size: var(--bsy-text-xs); font-weight: var(--bsy-fw-semibold); color: var(--bsy-muted); }
.bch-list__date { font-size: var(--bsy-text-sm); color: var(--bsy-muted); font-variant-numeric: tabular-nums; }
.bch-list .bsy-card__text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ── 404 */
.bch-nf__acts { display: flex; flex-wrap: wrap; gap: var(--bsy-space-3); margin-block-start: var(--bsy-space-6); }
.bch-nf__acts > .bsy-btn { flex: 1 1 160px; }
.bch-nf__acts > .bsy-btn[hidden] { display: none; }
@media (min-width: 641px) { .bch-nf__acts > .bsy-btn { flex: 0 0 auto; } }
.bch-nf__search { margin: var(--bsy-space-10) 0 0; max-width: 640px; }
.bch-nf__links { margin-block-start: var(--bsy-space-12); max-width: 760px; }