/* Homepage announcements */
.wpw-announcements {
	padding-block: clamp(1.5rem, 3vw, 2.5rem);
	background: var(--wpw-color-white);
}

.wpw-announcements__list {
	display: grid;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.wpw-announcement {
	--wpw-announcement-accent: #006b99;
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin: 0;
	padding: clamp(1rem, 2vw, 1.5rem);
	border: 1px solid #d7e8f0;
	border-inline-start: 4px solid var(--wpw-announcement-accent);
	border-radius: var(--wpw-radius);
	background: #f2f8fc;
	color: var(--wpw-color-dark);
}

.wpw-announcement--urgent {
	--wpw-announcement-accent: #a33220;
	border-color: #f0d5ce;
	border-inline-start-color: var(--wpw-announcement-accent);
	background: #fff5f1;
}

.wpw-announcement__icon {
	flex: 0 0 1.5rem;
	color: var(--wpw-announcement-accent);
}

.wpw-announcement__body {
	min-width: 0;
	overflow-wrap: anywhere;
}

.wpw-announcement__label {
	margin: 0 0 0.3rem;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wpw-announcement-accent);
}

.wpw-announcement__title {
	margin: 0;
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	font-weight: 800;
	line-height: 1.3;
	color: var(--wpw-color-dark);
}

.wpw-announcement__text {
	margin: 0.5rem 0 0;
	font-size: 1rem;
	line-height: 1.6;
}

.wpw-announcement__link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.75rem;
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--wpw-announcement-accent);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.wpw-announcement__link:hover,
.wpw-announcement__link:focus-visible {
	color: var(--wpw-color-dark);
}