/* shared */
[class^="box-"] {
	padding-left: 1rem;
	font: var(--l);
	color: var(--black);
	border-left: 6px solid var(--box-border-color, #004994);
}

@media(min-width: 36em) {
	[class^="box-"] {
		padding-left: 2rem;
	}
}

[class^="box-"] .title {
	font: var(--xl-bold);
	color: var(--color-primary);
	word-break: break-word;
	overflow-wrap: break-word;
}
/* /shared */

.box-update {
	--box-border-color: var(--red-60);
}

.box-update .title {
	margin-bottom: 1.5rem;
	padding-left: 2.5rem;
	background-image: url(/assets/icons/arrows-clockwise--primary.svg);
	background-size: 2rem;
	background-repeat: no-repeat;
	background-position: 0 center;
}

.box-update .date-published {
	margin-bottom: 1rem;
	font-style: italic;
}

.box-update .content {
	font-style: italic;
}