/* Construction notice bar (spec §4.1): dark, 12/16 centred column (72 tall) below 640, 14/20 row (36 tall) from 640. */
.has-notice-bar { --notice-h: 72px; }
@media (min-width: 40rem) { .has-notice-bar { --notice-h: 36px; } }
.notice-bar { background-color: var(--color-brand-dark); color: var(--color-white); }
.notice-bar__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: calc(var(--spacing) * 2);
	padding-block: calc(var(--spacing) * 2);
	font-size: var(--text-xs);
	line-height: var(--text-xs-lh);
	font-weight: var(--font-weight-medium);
	text-align: center;
}
.notice-bar__icon { color: var(--color-bar-yellow); }
@media (min-width: 40rem) {
	.notice-bar__inner { flex-direction: row; font-size: var(--text-sm); line-height: var(--text-sm-lh); }
}