/* [cos_guide_callout]: a tinted box with a coloured left stripe; one colour set per type. */
.cos-guide-callout {
	border-left: 4px solid;
	border-radius: 0 6px 6px 0;
	padding: 12px 16px;
	margin: 22px 0;
}

.cos-guide-callout p {
	margin: 0;
}

.cos-guide-callout p + * {
	margin-top: 10px;
}

.cos-guide-callout--tip {
	background: #eef5fc;
	border-left-color: #1a73e8;
}

.cos-guide-callout--tip .cos-guide-callout__label {
	color: #1558b0;
}

.cos-guide-callout--important {
	background: #fff4e8;
	border-left-color: #FF7C06;
}

.cos-guide-callout--important .cos-guide-callout__label {
	color: #c25700;
}

.cos-guide-callout--redflag {
	background: #fdeeee;
	border-left-color: #d93025;
}

.cos-guide-callout--redflag .cos-guide-callout__label {
	color: #b3261e;
}