/**
 * Knowledge archive and articles.
 */

.bv-knowledge-archive,
.bv-knowledge-single,
.bv-knowledge-article {
	background: var(--bv-bg);
}

.bv-knowledge-hero,
.bv-knowledge-article-hero {
	position: relative;
	isolation: isolate;
	overflow: clip;
	border-bottom: var(--bv-border-width) solid var(--bv-border);
}

.bv-knowledge-hero::before,
.bv-knowledge-article-hero::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: radial-gradient(circle at 82% 25%, color-mix(in srgb, var(--bv-primary) 18%, transparent), transparent 30rem), linear-gradient(var(--bv-border) 1px, transparent 1px), linear-gradient(90deg, var(--bv-border) 1px, transparent 1px);
	background-size: auto, 4rem 4rem, 4rem 4rem;
	content: "";
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.42), transparent 94%);
	opacity: 0.34;
	pointer-events: none;
}

.bv-knowledge-hero__inner,
.bv-knowledge-article-hero__inner {
	padding-block: var(--bv-section-space);
}

.bv-knowledge-hero__title,
.bv-knowledge-article-hero__title {
	max-width: 18ch;
	margin-block: var(--bv-space-4) var(--bv-space-6);
	font-size: var(--bv-type-display-lg);
	overflow-wrap: anywhere;
}

.bv-knowledge-hero__description,
.bv-knowledge-article-hero__intro {
	max-width: 48rem;
	color: var(--bv-text-secondary);
	font-size: var(--bv-type-body-lg);
}

.bv-knowledge-filters {
	padding-block: var(--bv-space-8);
	border-bottom: var(--bv-border-width) solid var(--bv-border);
	background: var(--bv-surface);
}

.bv-knowledge-filters__fields {
	display: grid;
	gap: var(--bv-space-4);
}

.bv-knowledge-filter label {
	display: block;
	margin-bottom: var(--bv-space-2);
	color: var(--bv-text-muted);
	font-family: var(--bv-font-mono);
	font-size: var(--bv-type-label);
	letter-spacing: var(--bv-tracking-label);
	text-transform: uppercase;
}

.bv-knowledge-filter select {
	width: 100%;
	min-height: 2.75rem;
	padding-inline: var(--bv-space-3);
	border: var(--bv-border-width) solid var(--bv-border);
	border-radius: var(--bv-radius-small);
	background: var(--bv-bg);
	color: var(--bv-text);
}

.bv-knowledge-filters__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--bv-space-4);
	margin-top: var(--bv-space-6);
}

.bv-knowledge-results__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: var(--bv-space-6);
	margin-bottom: var(--bv-space-12);
}

.bv-knowledge-results__header h2,
.bv-knowledge-related__heading h2,
.bv-knowledge-cta h2 {
	font-size: var(--bv-type-h2);
}

.bv-knowledge-results__header p,
.bv-knowledge-entry__taxonomy,
.bv-knowledge-entry time,
.bv-knowledge-article-hero__taxonomy,
.bv-knowledge-article-hero__date,
.bv-knowledge-related-item time {
	color: var(--bv-text-muted);
	font-family: var(--bv-font-mono);
	font-size: var(--bv-type-label);
	letter-spacing: var(--bv-tracking-label);
	text-transform: uppercase;
}

.bv-knowledge-list {
	border-top: var(--bv-border-width) solid var(--bv-border);
}

.bv-knowledge-entry {
	display: grid;
	gap: var(--bv-space-6);
	padding-block: clamp(var(--bv-space-8), 5vw, var(--bv-space-12));
	border-bottom: var(--bv-border-width) solid var(--bv-border);
}

.bv-knowledge-entry__title {
	max-width: 26ch;
	margin-block: var(--bv-space-3) var(--bv-space-4);
	font-size: var(--bv-type-h3);
}

.bv-knowledge-entry__title a,
.bv-knowledge-related-item h3 a {
	color: var(--bv-text);
	text-decoration: none;
}

.bv-knowledge-entry__excerpt,
.bv-knowledge-related-item p {
	max-width: 46rem;
	color: var(--bv-text-secondary);
}

.bv-knowledge-entry__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--bv-space-4);
	margin-top: var(--bv-space-6);
}

.bv-knowledge-entry__footer a,
.bv-knowledge-related-item > a {
	display: inline-flex;
	min-height: 2.75rem;
	align-items: center;
	gap: var(--bv-space-2);
	font-weight: var(--bv-font-weight-medium);
}

.bv-knowledge-entry__media {
	margin: 0;
	overflow: hidden;
	border-radius: var(--bv-radius-default);
	background: var(--bv-surface);
	aspect-ratio: 16 / 10;
}

.bv-knowledge-entry__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bv-knowledge-pagination {
	margin-top: var(--bv-space-12);
}

.bv-knowledge-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--bv-space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.bv-knowledge-pagination :where(a, span) {
	display: grid;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: var(--bv-space-2);
	place-items: center;
	border: var(--bv-border-width) solid var(--bv-border);
	border-radius: var(--bv-radius-small);
	text-decoration: none;
}

.bv-knowledge-empty {
	max-width: 46rem;
	padding: var(--bv-space-8);
	border: var(--bv-border-width) solid var(--bv-border);
	border-radius: var(--bv-radius-default);
	background: var(--bv-surface);
}

.bv-knowledge-empty h2 {
	margin-block: var(--bv-space-4);
}

.bv-knowledge-empty .bv-button {
	margin-top: var(--bv-space-6);
}

.bv-knowledge-article-hero__taxonomy {
	color: var(--bv-accent);
}

.bv-knowledge-article-hero__date {
	display: block;
	margin-top: var(--bv-space-8);
}

.bv-knowledge-article__featured {
	margin-block: var(--bv-space-8) 0;
}

.bv-knowledge-article__featured img {
	display: block;
	width: 100%;
	border: var(--bv-border-width) solid var(--bv-border);
	border-radius: var(--bv-radius-large);
}

.bv-knowledge-article__content {
	font-size: var(--bv-type-body-lg);
}

.bv-knowledge-article__content > :where(:not(.alignwide):not(.alignfull)) {
	max-width: var(--bv-reading-max);
	margin-inline: auto;
}

.bv-knowledge-article__content > * + * {
	margin-top: var(--bv-space-6);
}

.bv-knowledge-article__content :where(h2, h3, h4) {
	margin-top: var(--bv-space-12);
}

.bv-knowledge-article__content :where(p, li) {
	color: var(--bv-text-secondary);
}

.bv-knowledge-article__content .alignwide {
	width: 100%;
}

.bv-knowledge-article__content .alignfull {
	width: min(100vw, var(--bv-container-max));
	max-width: none;
	margin-inline: 50%;
	transform: translateX(-50%);
}

.bv-knowledge-related {
	border-top: var(--bv-border-width) solid var(--bv-border);
	background: var(--bv-surface);
}

.bv-knowledge-related__heading {
	margin-bottom: var(--bv-space-12);
}

.bv-knowledge-related__heading h2 {
	margin-top: var(--bv-space-4);
}

.bv-knowledge-related__grid {
	display: grid;
	gap: var(--bv-space-4);
}

.bv-knowledge-related-item {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
	padding: var(--bv-space-6);
	border: var(--bv-border-width) solid var(--bv-border);
	border-radius: var(--bv-radius-default);
	background: var(--bv-surface-elevated);
}

.bv-knowledge-related-item h3 {
	margin-block: var(--bv-space-4);
	font-size: var(--bv-type-h4);
}

.bv-knowledge-related-item > a {
	margin-top: auto;
}

.bv-knowledge-cta {
	border-block: var(--bv-border-width) solid var(--bv-border);
	background: var(--bv-surface-elevated);
}

.bv-knowledge-cta__inner {
	display: grid;
	gap: var(--bv-space-8);
}

.bv-knowledge-cta h2 {
	max-width: 24ch;
	margin-block: var(--bv-space-4) var(--bv-space-6);
}

.bv-knowledge-cta p:not(.bv-eyebrow) {
	max-width: 42rem;
	color: var(--bv-text-secondary);
	font-size: var(--bv-type-body-lg);
}

@media (min-width: 48rem) {
	.bv-knowledge-filters__fields {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.bv-knowledge-entry--has-media {
		grid-template-columns: minmax(0, 1.45fr) minmax(15rem, 0.55fr);
		align-items: center;
	}

	.bv-knowledge-related__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 60rem) {
	.bv-knowledge-cta__inner {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: end;
	}
}

@media (hover: hover) and (pointer: fine) {
	.bv-knowledge-entry__title a:hover,
	.bv-knowledge-related-item h3 a:hover {
		color: var(--bv-accent);
	}
}