/* /collection/ — browse bar + responsive grid overrides the Query/Grid
   block layout attributes can't express on their own (fixed columnCount
   doesn't reflow at breakpoints; see class-bck-collection-archive.php). */

.bck-browse-bar {
	margin-top: var(--wp--preset--spacing--40, 1.5rem);
	text-align: center;
}

.bck-browse-bar__mediums {
	font-weight: 600;
}

.bck-browse-bar__traditions {
	margin-top: 0.5rem;
	font-size: var(--wp--preset--font-size--small, 0.875rem);
}

.bck-collection-grid .wp-block-post-template.is-layout-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 960px) {
	.bck-collection-grid .wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.bck-collection-grid .wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.bck-card-tradition {
	display: block;
	margin-top: 0.25rem;
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	opacity: 0.75;
}

.bck-card-tradition a {
	text-decoration: none;
}