/*
 * rsg-guide.css — the public host guide at /guide/ (NWB-RSG-140). Loads after rsg-pages.css, which
 * owns the shell (18px/1.6, 46rem measure; since NN-1133 the brand layer: Cabin, links deep-sea #01579B = 6.80:1 on #F5F5F7). Mobile-first;
 * anchored headings keep a little air above them when a link lands on them; no motion.
 */
.rsg-guide__toc {
	margin: 24px 0;
	padding: 16px;
	border: 1px solid #c9c9d1;
	border-radius: 12px;
	background: #f2f4f8;
}

.rsg-guide__toc-title {
	margin: 0 0 8px;
	font-size: 1.25rem;
	line-height: 1.3;
}

.rsg-guide__toc-list {
	margin: 0;
	padding-left: 1.5rem;
}

.rsg-guide__toc-list li {
	margin: 0;
}

.rsg-guide__toc-list a {
	display: inline-block;
	min-height: 24px;
	padding: 6px 0;
}

.rsg-guide__article {
	margin: 40px 0;
	padding-top: 8px;
	border-top: 4px solid #FF8F05;
	scroll-margin-top: 16px;
}

.rsg-guide__title {
	margin: 12px 0 4px;
	font-size: 1.5rem;
	line-height: 1.25;
}

.rsg-guide__summary {
	margin: 0 0 12px;
	color: #4a4a4a;
}

.rsg-guide__body h3,
.rsg-guide__body h4 {
	margin: 24px 0 8px;
	line-height: 1.3;
	scroll-margin-top: 16px;
}

.rsg-guide__body h3 {
	font-size: 1.25rem;
}

.rsg-guide__body h4 {
	font-size: 1.1rem;
}

.rsg-guide__body h3:target,
.rsg-guide__article:target > .rsg-guide__title {
	outline: 3px solid #030400;
	outline-offset: 4px;
}

.rsg-guide__body li {
	margin: 4px 0;
}

.rsg-guide__top {
	margin: 16px 0 0;
}

.rsg-guide__top a {
	display: inline-block;
	padding: 8px 0;
}

@media (min-width: 640px) {
	.rsg-guide__title {
		font-size: 1.75rem;
	}
}