html {
	scroll-behavior: smooth;
}

.knowledge-page {
	background: var(--bg-clr);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.knowledge-section__inner {
	padding: var(--section-padding);
}

.knowledge-overview__intro {
	background: var(--bg-clr);
}

.knowledge-overview__intro .knowledge-section__inner {
	padding-bottom: 7em;
}



.knowledge-overview__intro h2 {
	margin-bottom: 30px;
	font-size: 24px;
}

.knowledge-overview .knowledge-overview__intro .txt-dark,
.knowledge-overview .knowledge-editor-content .txt-dark {
	color: var(--txt-clr);
}

.knowledge-overview .knowledge-richtext .txt-low-op,
.knowledge-overview .knowledge-editor-content .txt-low-op {
	opacity: .7;
}

.knowledge-overview__wave {
	margin-top: -1px;
	background-color: var(--bg-clr);
}

.knowledge-overview__content {
	background: var(--pr-clr);
}

.knowledge-richtext,
.knowledge-editor-content,
.knowledge-glossary__entry {
	color: var(--txt-clr);
	font-size: 18px;
	line-height: 1.65;
}

.knowledge-richtext {
	max-width: 1180px;
}

.knowledge-richtext > * + *,
.knowledge-editor-content > * + * {
	margin-top: 1.4em;
}

.knowledge-richtext p,
.knowledge-editor-content p,
.knowledge-editor-content li,
.knowledge-glossary__entry p {
	opacity: .68;
}

.knowledge-editor-content h2 {
	font-size: clamp(30px, 4vw, 42px);
}

.knowledge-editor-content h3 {
	color: var(--ac-d-clr);
	font-size: 24px;
}

.knowledge-editor-content h4 {
	color: var(--ac-d-clr);
	font-size: 20px;
}

.knowledge-article--dark-headings h1,
.knowledge-article--dark-headings h2,
.knowledge-article--dark-headings h3 {
	color: var(--txt-clr) !important;
}

.knowledge-editor-content ul,
.knowledge-editor-content ol {
	padding-left: 1.4em;
}

.knowledge-editor-content li + li {
	margin-top: .6em;
}

.knowledge-richtext a,
.knowledge-editor-content a,
.knowledge-glossary__entry a {
	color: var(--ac-d-clr);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.knowledge-editor-content figure,
.knowledge-editor-content .wp-block-image,
.knowledge-editor-content .wp-block-gallery {
	max-width: 100%;
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

.knowledge-editor-content img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: var(--radius-small);
}

.knowledge-editor-content figcaption {
	margin-top: 8px;
	color: var(--txt-clr);
	font-size: 14px;
	line-height: 1.5;
	opacity: .65;
}

.knowledge-editor-content .alignleft {
	float: left;
	max-width: 48%;
	margin: 8px 32px 24px 0;
}

.knowledge-editor-content .alignright {
	float: right;
	max-width: 48%;
	margin: 8px 0 24px 32px;
}

.knowledge-editor-content::after {
	display: block;
	clear: both;
	content: '';
}

.knowledge-article .knowledge-section__inner {
	min-height: 360px;
}

.knowledge-article__lead {
	margin-bottom: 2.2em;
	color: var(--ac-d-clr);
	font-size: clamp(22px, 2.5vw, 30px);
	font-weight: 700;
	line-height: 1.35;
}

.knowledge-article__lead > * + * {
	margin-top: 1em;
}

.knowledge-alphabet-nav {
	position: sticky;
	top: calc(var(--wavecrest-admin-bar-height) + var(--wavecrest-navbar-height));
	z-index: 10;
	border-bottom: 1px solid var(--third-clr);
	background: var(--pr-clr);
	box-shadow: 0 5px 18px rgb(0 0 0 / 7%);
	transition: top .3s ease;
	display: flex;
	justify-content: center;
}

#navbar.nav-hidden ~ .knowledge-alphabet-nav {
	top: calc(var(--wavecrest-admin-bar-height) + var(--wavecrest-navbar-height) - var(--wavecrest-navbar-hidden-shift));
}

.knowledge-alphabet-nav__inner {
	display: flex;
	justify-content: space-between;
	padding: var(--page-padding);
}

.knowledge-alphabet-nav__inner a,
.knowledge-alphabet-nav__inner span {
	display: grid;
	min-width: 24px;
	min-height: 54px;
	place-items: center;
	border-bottom: 5px solid transparent;
	color: var(--txt-clr);
	font-size: 18px;
	font-weight: 700;
}

.knowledge-alphabet-nav__inner a:focus-visible,
.knowledge-alphabet-nav__inner a.is-active {
	border-bottom-color: var(--ac-d-clr);
	color: var(--ac-d-clr);
}

@media (hover: hover) and (pointer: fine) {
	.knowledge-alphabet-nav__inner a:hover {
		border-bottom-color: var(--ac-d-clr);
		color: var(--ac-d-clr);
	}
}

@media (hover: none), (pointer: coarse) {
	.knowledge-alphabet-nav__inner a:active {
		border-bottom-color: var(--ac-d-clr);
		color: var(--ac-d-clr);
	}
}

.knowledge-alphabet-nav__inner span {
	opacity: .3;
}

.knowledge-glossary > .knowledge-section__inner > h1 {
	margin-bottom: 40px;
}

.knowledge-glossary__intro {
	margin-bottom: 48px;
}

.knowledge-glossary__group {
	display: block;
	margin-bottom: 52px;
	scroll-margin-top: calc(var(--wavecrest-admin-bar-height) + var(--wavecrest-navbar-height) + 70px);
}

.knowledge-glossary__group > h2 {
	padding: 8px 18px;
	border-radius: var(--radius-small);
	background: var(--ac-l-clr);
	color: var(--pr-clr);
	font-size: 18px;
}

.knowledge-glossary__entries {
	display: grid;
	gap: 30px;
	padding: 32px 24px 0;
}

.knowledge-glossary__entry {
	padding: 2px 0 2px 20px;
	border-left: 7px solid var(--ac-d-clr);
}

.knowledge-glossary__entry h3 {
	margin-bottom: 8px;
	color: var(--ac-d-clr);
	font-size: 20px;
	line-height: 1.4;
}

.knowledge-glossary__entry > div > * + * {
	margin-top: .8em;
}

.knowledge-glossary__empty {
	padding: 24px;
	background: var(--pr-clr);
}

@media (max-width: 760px) {
	.knowledge-overview__intro .knowledge-section__inner {
		padding-bottom: 5em;
	}

	.knowledge-editor-content .alignleft,
	.knowledge-editor-content .alignright {
		float: none;
		max-width: 100%;
		margin: 2em 0;
	}

	.knowledge-alphabet-nav {
		overflow-x: auto;
		justify-content: flex-start;
	}

	.knowledge-alphabet-nav__inner {
		min-width: 780px;
		padding: 0 1em;
	}

	.knowledge-glossary__group {
		scroll-margin-top: calc(var(--wavecrest-admin-bar-height) + var(--wavecrest-navbar-height) + 70px);
	}

	.knowledge-glossary__entries {
		padding: 24px 4px 0 10px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}