/* Quick note + Key note blocks (front end and editor) */
.cbe-callout {
	margin: 1.8em 0;
	padding: 18px 22px;
	border-radius: 16px;
	font-size: 17px;
	line-height: 1.65;
	box-sizing: border-box;
}
.cbe-callout__label {
	display: block;
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.3;
}
.cbe-callout__body { margin: 0; }
.cbe-callout__body p { margin: 0 0 .6em; }
.cbe-callout__body > :last-child { margin-bottom: 0; }

/* Quick note: light, for tips and side remarks */
.cbe-callout--quick {
	background: var(--cbe-accent-tint, #f3e8fd);
	border: 1px solid #e2c6fa;
	color: #1c1d1f;
}
.cbe-callout--quick .cbe-callout__label { color: var(--cbe-accent-dark, #8710d8); }

/* Key note: dark, the one thing readers must not miss */
.cbe-callout--key {
	background: #1c1d1f;
	border: 1px solid #1c1d1f;
	color: #fff;
}
.cbe-callout--key .cbe-callout__label { color: #d8a8fb; }
.cbe-callout--key a { color: #fff; }