/*
Version control
2026-10-27 : Add scoped, mobile-first typography for standalone calculation guides.
*/

.guide-content-next {
	--guide-border: #d9e2ec;
	--guide-ink: #263746;
	color: var(--guide-ink);
}

.guide-content-next header.major {
	margin-bottom: 2rem;
}

.guide-content-next h3 {
	margin-top: 2rem;
	overflow-wrap: anywhere;
}

.guide-content-next p,
.guide-content-next li {
	line-height: 1.75;
	overflow-wrap: anywhere;
}

.guide-content-next ul,
.guide-content-next ol {
	margin-left: 0;
	padding-left: 1.5rem;
}

.guide-content-next li + li {
	margin-top: 0.65rem;
}

.guide-content-next blockquote {
	margin-inline: 0;
	padding: 1rem 1.25rem;
	border-left: 4px solid var(--guide-border);
}

.guide-content-next img,
.guide-content-next video,
.guide-content-next iframe {
	max-width: 100%;
	height: auto;
}

.guide-content-next table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

.guide-content-next a {
	overflow-wrap: anywhere;
}

.guide-content-next a:focus-visible {
	outline: 3px solid #1769aa;
	outline-offset: 3px;
}

@media (min-width: 737px) {
	.guide-content-next > p,
	.guide-content-next > ul,
	.guide-content-next > ol,
	.guide-content-next > blockquote {
		max-width: 76rem;
	}
}