/* Shared article treatments. Color conveys emphasis; callouts also have labels. */
.r-tone-gold {
	--rich-bg: #f4edd3;
	--rich-fg: #6c5315;
}
.r-tone-blue {
	--rich-bg: #e5eef8;
	--rich-fg: #244d78;
}
.r-tone-green {
	--rich-bg: #e6f1e8;
	--rich-fg: #285b38;
}
.r-tone-purple {
	--rich-bg: #efe8f6;
	--rich-fg: #634486;
}
.r-tone-rose {
	--rich-bg: #f7e7e8;
	--rich-fg: #883e49;
}
.r-tone-gray {
	--rich-bg: #ececeb;
	--rich-fg: #4d4b48;
}
.r-highlight {
	background: var(--rich-bg, #f4edd3);
	color: var(--rich-fg, #6c5315);
	border-radius: 0.25em;
	padding: 0.08em 0.25em;
	font-weight: inherit;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	text-decoration: none;
	overflow-wrap: anywhere;
}
.r-callout.r-callout {
	display: block;
	margin: 1.5em 0;
	padding: 1.1em 1.25em;
	background: var(--rich-bg, #e5eef8);
	color: var(--rich-fg, #244d78);
	border: 0;
	border-radius: 12px;
	font-size: 1em;
	font-style: normal;
	line-height: 1.65;
	overflow-wrap: anywhere;
}
.r-callout .r-callout-label {
	margin: 0 0 0.4em;
	color: inherit;
	font-size: 0.85em;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
}
.r-callout > :last-child {
	margin-bottom: 0;
}
.r-callout a {
	color: inherit;
	text-decoration: underline;
}
.r-callout strong {
	background: none;
	color: inherit;
	padding: 0;
}
.r-callout .r-highlight {
	color: var(--rich-fg);
	background: var(--rich-bg);
}
.dark .r-tone-gold {
	--rich-bg: #433923;
	--rich-fg: #f1d892;
}
.dark .r-tone-blue {
	--rich-bg: #24364a;
	--rich-fg: #b8d6f5;
}
.dark .r-tone-green {
	--rich-bg: #283d30;
	--rich-fg: #bddfc6;
}
.dark .r-tone-purple {
	--rich-bg: #3a2e48;
	--rich-fg: #d9c3f1;
}
.dark .r-tone-rose {
	--rich-bg: #482e34;
	--rich-fg: #f2c2cc;
}
.dark .r-tone-gray {
	--rich-bg: #363735;
	--rich-fg: #dededb;
}