/*<meta />*/

/*Styles for notice format and layout */


/* == Format and design for notices with solid left-side border ==*/

div.related-content,
div.tip,
div.note,
div.important,
div.warning,
div.information
{
	margin: 10px 4px 10px 4px;
	padding: 0 8px 0 8px;
	border-style: solid;
	border-width: 1px 1px 1px 8px;
	page-break-inside: avoid;
	border-radius: 8px;
	font-size: 14px;
}


/* Colours for all notices that use a solid border on left and solid colour fill style */
/* =================================================================================== */

div.related-content
{
	border-color: var(--related-content-border);
	background-color: var(--related-content-background);
}

.related-content .signal-word
{
	color: var(--text-neutral-strong);
}

div.tip
{
	border-color: var(--tip-border);
	background-color: var(--tip-background);
}

.tip .signal-word
{
	color: var(--text-darkaccent-strong);
}

div.note
{
	background-color: var(--note-background);
	border-color: var(--note-border);
}

.note .signal-word
{
	color: var(--text-lightaccent-strong);
}

div.important
{
	background-color: var(--important-background);
	border-color: var(--important-border);
}

.important .signal-word
{
	color: var(--text-important-strong);
}

div.warning
{
	background-color: var(--warning-background);
	border-color: var(--warning-border);
}

.warning .signal-word
{
	color: var(--text-warning-strong);
}

div.information
{
	background-color: var(--information-background);
	border-color: var(--information-border);
}

information .signal-word
{
	color: var(--text-brand-strong);
}