/* Section and Topic browsing only. Native links and search work without JS. */
.docs-browse-page .site-header + .global-page-wrapper {
	padding-top: 3rem;
}

.docs-browse {
	padding-bottom: 5rem;
	color: #202c28;
	overflow-wrap: anywhere;
}

.docs-browse-container {
	max-width: 1280px;
}

.docs-browse-layout {
	display: grid;
	grid-template-columns: minmax(12rem, 1fr) minmax(0, 3fr);
	gap: 3rem;
	align-items: start;
}

.docs-browse-sidebar {
	position: sticky;
	top: 8rem;
	max-height: calc(100vh - 9rem);
	overflow-y: auto;
	padding: 0.5rem;
}

.docs-browse-main {
	min-width: 0;
}

.docs-browse .docs-breadcrumb {
	font-size: 0.8125rem;
	color: #53625a;
	margin-bottom: 1.25rem;
}

.docs-browse h1 {
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.2;
	margin-bottom: 1rem;
}

.docs-browse-description {
	color: #53625a;
	font-size: 1.0625rem;
	margin-bottom: 1.5rem;
}

.docs-browse .docs-search {
	max-width: 48rem;
}

.docs-browse a {
	color: #014734;
	text-underline-offset: 0.2em;
}

.docs-browse a:hover {
	text-decoration: underline;
}

.docs-browse a:focus-visible {
	outline: 2px solid #23624b;
	outline-offset: 4px;
	border-radius: 2px;
}

.docs-browse-jumps {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25rem 1.25rem;
	font-size: 0.875rem;
	margin-bottom: 1rem;
}

.docs-browse-jumps a,
.docs-browse-more {
	padding: 0.5rem 0;
}

.docs-browse-jumps > span,
.docs-browse-note {
	color: #53625a;
}

.docs-browse-note {
	font-size: 0.8125rem;
}

.docs-browse-group {
	margin-top: 2.5rem;
}

.docs-browse-group-heading {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.25rem 1.5rem;
	border-bottom: 1px solid #b9c8c0;
	padding-bottom: 0.5rem;
}

.docs-browse h2 {
	font-size: 1.5rem;
	line-height: 1.35;
	margin: 0;
	scroll-margin-top: 8rem;
}

.docs-browse-more {
	font-size: 0.8125rem;
	font-weight: 600;
}

.docs-browse-articles {
	list-style: none;
	margin: 0;
	padding: 0;
}

.docs-browse-articles li {
	padding: 1.125rem 0;
}

.docs-browse-articles li + li {
	border-top: 1px solid #e0e7df;
}

.docs-browse h3 {
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.5;
	margin: 0;
}

.docs-browse h3 a {
	display: inline-block;
	padding: 0.2rem 0;
}

.docs-browse-designations {
	color: #53625a;
	font-size: 0.75rem;
	line-height: 1.5;
	margin: 0.2rem 0 0;
}

.docs-browse-excerpt {
	max-width: 48rem;
	color: #53625a;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin: 0.35rem 0 0;
}

@media (max-width: 991.98px) {
	.docs-browse-layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.5rem;
	}

	.docs-browse-sidebar {
		position: static;
		max-height: none;
		overflow: visible;
		border-bottom: 1px solid #dce2df;
		padding: 0 0 1rem;
	}

	.docs-browse-sidebar nav {
		display: flex;
		flex-wrap: wrap;
		gap: 0.25rem 1.25rem;
	}

	.docs-browse-sidebar .docs-sidebar-home-link {
		margin: 0;
	}
}