/* Apply letter-spacing to all uppercase text */
[style*="text-transform: uppercase"],
[style*="text-transform:uppercase"],
*[class*="uppercase"] {
	letter-spacing: 0.05em !important;
}

/* Target CSS-defined uppercase elements */
* {
	text-transform: inherit;
	letter-spacing: inherit;
}

*[style*="text-transform: uppercase"],
*[style*="text-transform:uppercase"],
.uppercase,
h1, h2, h3, h4, h5, h6 {
	&:where([style*="text-transform: uppercase"]) {
		letter-spacing: 0.05em !important;
	}
}

/* Body copy font-weight 300 */
.v4beta-bodycopy,
.v4beta-bodycopy p,
.v4beta-bodycopy li {
	font-weight: 300 !important;
}

/* Key Takeaways sizing and spacing */
[data-react-component="KeyTakeaways"] .body-sm {
	font-size: 18px !important;
}

/* Preserve bold for strong tags and headings */
.v4beta-bodycopy strong,
.v4beta-bodycopy b,
.v4beta-bodycopy h1,
.v4beta-bodycopy h2,
.v4beta-bodycopy h3,
.v4beta-bodycopy h4,
.v4beta-bodycopy h5,
.v4beta-bodycopy h6 {
	font-weight: 500 !important;
}

[data-react-component="RichTextBlock"] strong,
[data-react-component="RichTextBlock"] b {
	font-weight: 700 !important;
}

/* Gimme that extra chunky overview text */
.overview-text,
.overview-text p 
	font-weight: 600 !important;
}

/* Ensure links within body copy also get the light weight */
.v4beta-bodycopy a,
.v4beta-overview-text a,
[data-react-component="RichTextBlock"] a {
	font-weight: 300 !important;
}

/* Spacing for Dateline */
.rte-location {
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}

/* Target overview text within the RichTextBlock component */
[data-react-component="RichTextBlock"].v4beta-overview-text,
[data-react-component="RichTextBlock"] .v4beta-overview-text,
.v4beta-overview-text {
	font-weight: 500 !important;
	line-height: 148% !important;
	margin-bottom: 1.48rem;
}
/* Also target paragraphs within the overview text */
.v4beta-overview-text p {
	font-weight: 500 !important;
	line-height: 148% !important;
}

/* Accessible blue links in body copy */
.v4beta-bodycopy a,
.v4beta-overview-text a,
[data-react-component="RichTextBlock"] a {
	color: #0073a7 !important; /* Meets WCAG AA 4.5:1 */
	font-weight: 400 !important;
}

.v4beta-bodycopy a:hover,
.v4beta-overview-text a:hover,
[data-react-component="RichTextBlock"] a:hover {
	color: #ef1541 !important; /* Meets WCAG AA 4.5:1 */
	font-weight: 400 !important;
}

.v4beta-bodycopy a:hover,
.v4beta-overview-text a:hover,
[data-react-component="RichTextBlock"] a:hover {
	color: #6e55dc !important; /* Meets WCAG AA 4.5:1 */
	font-weight: 400 !important;
}

.v4beta-bottommargin {
	margin-bottom: 2.8rem !important;
}