/* Warning notice block (mandatory setup information) */
.notice {
	margin: 8px 8px var(--form-spacing) 8px;
	max-width: 1000px;
	background-color: var(--primary-inverse-color);
	border: 1px solid #eebcbc;
	border-left: 4px solid #c33;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	color: var(--primary-color);
	box-sizing: border-box;
}

.notice-header {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	background-color: #fdeded;
	border-bottom: 1px solid #f3cfcf;
}

.notice-icon {
	font-size: 16px;
	line-height: var(--line-content-height);
}

.notice-title {
	margin: 0 !important;
	flex: 1 1 auto;
	font-size: var(--bs-body-font-size) !important;
	line-height: var(--line-content-height);
	color: #a52222;
}

.notice-badge {
	background-color: #c33;
	color: var(--primary-inverse-color);
	font-size: var(--grid-font-size);
	line-height: var(--line-content-height);
	padding: 0 8px;
	border-radius: var(--border-radius);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

.notice-body {
	padding: 12px;
}

	.notice-body p {
		margin: 0 0 8px 0;
		line-height: 1.5;
	}

.notice-list {
	margin: 0 0 12px 0;
	padding-left: 20px;
	line-height: 1.6;
}

.notice code {
	font-family: 'Courier New', monospace;
	font-size: var(--grid-font-size);
	background-color: #f5f5f5;
	border: 1px solid #e6e6e6;
	padding: 0 3px;
	white-space: nowrap;
}

a.notice-link {
	display: inline-block;
	text-decoration: none;
	background-color: var(--primary-color);
	color: var(--primary-inverse-color);
	border-radius: var(--border-radius);
	min-height: var(--line-content-height);
	line-height: var(--line-content-height);
	padding: var(--vertical-padding) 8px;
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
}

	a.notice-link:hover {
		background-color: var(--primary-active-color);
	}