/* Category / ticker / tag archives (template-parts/archive.php) – Figma 15:2121 / 15:3997 */

.be_archive-hero {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
	padding: 44px var(--be-pad-x) 48px;
}

.be_archive-hero-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; width: 560px; max-width: 100%; }
.be_archive-hero .be_hero-sub p + p { margin-top: 8px; }

.be_archive-stats { display: flex; flex-wrap: wrap; gap: 20px; padding-top: 4px; }
.be_archive-stats li { display: flex; align-items: center; gap: 8px; font: var(--be-label-link); color: var(--be-white); }
.be_archive-stats li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--be-teal-light); }

.be_archive-watch { display: flex; flex-direction: column; gap: 10px; flex: 0 0 auto; }
.be_archive-watch-label { color: var(--be-on-dark-muted); }
.be_tiles--3 { grid-template-columns: repeat(3, 172px); gap: 12px; }

@media (max-width: 1100px) {
	.be_archive-hero { flex-direction: column; align-items: flex-start; gap: 28px; }
	.be_tiles--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
}

@media (max-width: 700px) {
	.be_archive-hero { padding: 28px var(--be-pad-x) 32px; gap: 22px; }
	.be_archive-hero-copy { gap: 10px; }
	.be_archive-watch { width: 100%; overflow-x: auto; scrollbar-width: none; }
	.be_archive-watch::-webkit-scrollbar { display: none; }
	.be_tiles--3 { display: flex; width: max-content; gap: 10px; }
	.be_tiles--3 .be_tile { flex: 0 0 150px; }
}

/* Filters (15:2219): chips left, sort right */
.be_archive-filters {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 32px;
	padding-bottom: 8px;
}

.be_sort {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	padding: 0 14px;
	border: 1px solid var(--be-line);
	border-radius: var(--be-radius-md);
	background: var(--be-white);
	color: var(--be-ink);
	font: var(--be-body-sm);
}

.be_sort-label { pointer-events: none; }
.be_sort select {
	-webkit-appearance: none;
	appearance: none;
	padding: 9px 0;
	border: 0;
	background: none;
	font: inherit;
	color: inherit;
	cursor: pointer;
	outline: 0;
}

.be_sort .be_icon { pointer-events: none; }

@media (max-width: 700px) {
	.be_archive-filters { flex-direction: column; align-items: stretch; padding-top: 20px; }
	.be_chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 calc(-1 * var(--be-pad-x)); padding: 2px var(--be-pad-x); scrollbar-width: none; }
	.be_chips::-webkit-scrollbar { display: none; }
	.be_sort { align-self: flex-end; }
}

.be_archive-featured { padding-top: 24px; padding-bottom: 0; }
.be_archive-grid { padding-top: 40px; }
.be_archive-grid-title { margin-bottom: 20px; }

@media (max-width: 700px) {
	.be_archive-grid { padding-top: 28px; }
	.be_archive-grid-title { margin-bottom: 14px; }
}