/* Shared information strip and question directory. */
.has-knowledge-banner {
	--knowledge-banner-height: 2.75rem;
}

.knowledge-banner {
	height: var(--knowledge-banner-height);
	background: var(--bg-secondary);
	font-size: .8125rem;
}

.knowledge-banner-shell {
	display: flex;
	align-items: center;
	gap: .75rem;
	height: 100%;
}

.knowledge-banner-link {
	min-width: 0;
	flex: 1;
	display: flex;
	align-items: center;
	gap: 1rem;
	min-height: 2.5rem;
	color: var(--text-primary, var(--white));
}

.knowledge-banner-question {
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
}

.knowledge-banner-text {
	display: inline-block;
	white-space: nowrap;
}

.knowledge-banner-track {
	display: inline-block;
	white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
	.knowledge-banner-question {
		overflow-x: auto;
		scrollbar-width: none;
	}
}

.knowledge-banner.is-question-fading .knowledge-banner-link {
	opacity: 0;
	pointer-events: none;
	transition: opacity 500ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
	.knowledge-banner.is-question-fading .knowledge-banner-link {
		transition: none;
	}
}

.knowledge-banner .site-slogan-cursor[hidden] {
	display: none;
}

.knowledge-banner.is-typing-paused .site-slogan-cursor {
	animation-play-state: paused;
}

.knowledge-banner-more {
	flex-shrink: 0;
	color: var(--gold);
	opacity: 1;
	visibility: visible;
	transition: opacity 0s linear .7s, visibility 0s linear .7s;
}

.knowledge-banner-more-short {
	display: none;
}

@media (max-width: 600px) {
	.knowledge-banner-more-full {
		display: none;
	}

	.knowledge-banner-more-short {
		display: inline;
	}
}

.knowledge-banner.is-question-changing .knowledge-banner-more {
	visibility: hidden;
	opacity: 0;
	transition: none;
}

@media (prefers-reduced-motion: no-preference) {
	.knowledge-banner-more {
		transform: translateY(0);
		transition: opacity var(--animation-speed-slow, 260ms) ease-out .7s, transform var(--animation-speed-slow, 260ms) ease-out .7s, visibility 0s linear .7s;
	}

	.knowledge-banner.is-question-changing .knowledge-banner-more {
		transform: translateY(4px);
	}
}

.knowledge-content {
	padding-bottom: 2rem;
}

.knowledge-topics {
	display: grid;
	gap: 2rem;
}

.knowledge-topic {
	min-width: 0;
	scroll-margin-top: calc(var(--header-height) + var(--header-service-height, 0px) + var(--knowledge-banner-height, 0px) + 1rem);
}

.knowledge-topic-heading {
	display: flex;
	align-items: center;
	gap: .625rem;
	margin: 0;
	padding-bottom: .75rem;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.5;
}

.knowledge-questions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 2.5rem;
	margin: .5rem 0 0;
	padding: 0;
	list-style: none;
}

.knowledge-question {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
	min-height: 3rem;
	padding: .625rem 0;
	font-size: 1.0625rem;
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.knowledge-question:focus-visible {
	outline: 2px solid var(--gold);
	outline-offset: 3px;
}

@media (max-width: 980px) {
	body.has-site-search.has-knowledge-banner {
		--header-height: calc(3.5rem + env(safe-area-inset-top, 0px) + var(--knowledge-banner-height));
	}

	.knowledge-banner-shell {
		gap: .375rem;
	}

	.knowledge-banner-link {
		gap: .5rem;
	}
}

@media (max-width: 600px) {
	.knowledge-questions {
		grid-template-columns: 1fr;
	}
}
/* Visibility contract with knowledge-dismiss.js, applied before first paint. */
.knowledge-banner-dismissed .has-knowledge-banner { --knowledge-banner-height: 0px; }
.knowledge-banner-dismissed .knowledge-banner { display: none; }