.hd-partner-notice {
	margin: 28px 0;
	color: #304b4b;
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
}

.hd-partner-notice,
.hd-partner-notice * {
	box-sizing: border-box;
}

/* Scope overrides to this component; the article bundle forces p/span styles. */
.hd-partner-notice p.hd-partner-notice__caption {
	margin: 0 0 16px !important;
	color: #6c7d7a !important;
	font-size: 13px !important;
	font-style: italic;
	line-height: 1.5 !important;
	text-align: center;
}

.hd-partner-notice__header {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	margin: 0;
	padding: 18px 22px;
	border: 1.5px solid #00865f;
	border-radius: 12px 12px 0 0;
	background: linear-gradient(110deg, #00845f, #079c74);
}

.hd-partner-notice .hd-partner-notice__header span.hd-partner-notice__badge {
	position: relative;
	display: flex;
	flex: 0 0 52px;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin: 0 !important;
	border: 1px solid #ffe7a0;
	border-radius: 50%;
	background: linear-gradient(135deg, #fff3c4, #ffd36a);
	box-shadow: 0 2px 8px rgb(0 55 35 / 18%), inset 0 0 0 3px rgb(255 255 255 / 35%);
	color: #005e44 !important;
}

.hd-partner-notice__badge svg {
	display: block;
	width: 36px;
	height: 36px;
}

.hd-partner-notice .hd-partner-notice__header h2.hd-partner-notice__title {
	flex: 1;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	/* The article bundle uses !important for heading colors and font sizes. */
	color: #fff !important;
	font-family: inherit;
	font-size: 24px !important;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: normal;
	text-align: left;
	text-transform: none;
	text-wrap: balance !important;
	word-break: normal;
	overflow-wrap: anywhere;
}

/* Preserve white text if a plugin adds links or spans inside the heading. */
.hd-partner-notice .hd-partner-notice__header .hd-partner-notice__title * {
	color: #fff !important;
}

.hd-partner-notice__body {
	padding: 22px 22px 21px;
	border: 1.5px solid #a9dcd0;
	border-top: 0;
	border-radius: 0 0 12px 12px;
	background: linear-gradient(110deg, #e9faf2, #f2fcfa);
	box-shadow: 0 3px 10px rgb(0 113 80 / 5%);
}

.hd-partner-notice .hd-partner-notice__list {
	display: grid;
	gap: 13px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hd-partner-notice li.hd-partner-notice__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: inherit !important;
	font-weight: 400 !important;
}

.hd-partner-notice span.hd-partner-notice__check {
	display: flex;
	flex: 0 0 22px;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin: 2px 0 0 !important;
	border: 2px solid #d0ede2;
	border-radius: 50%;
	background: linear-gradient(135deg, #15ad82, #00825f);
	color: #fff !important;
}

.hd-partner-notice__check svg {
	display: block;
	width: 17px;
	height: 17px;
}

.hd-partner-notice__text {
	flex: 1;
	min-width: 0;
	overflow-wrap: anywhere;
}

.hd-partner-notice .hd-partner-notice__text p {
	margin: 0 0 8px !important;
	color: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	text-align: left;
}

.hd-partner-notice .hd-partner-notice__text > :last-child {
	margin-bottom: 0 !important;
}

@media (max-width: 549px) {
	.hd-partner-notice {
		margin: 24px 0;
		font-size: 15px;
	}

	.hd-partner-notice__header {
		align-items: flex-start;
		gap: 12px;
		padding: 16px 14px;
	}

	.hd-partner-notice .hd-partner-notice__header span.hd-partner-notice__badge {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
	}

	.hd-partner-notice__badge svg {
		width: 28px;
		height: 28px;
	}

	.hd-partner-notice .hd-partner-notice__header h2.hd-partner-notice__title {
		font-size: 18px !important;
		line-height: 1.5;
	}

	.hd-partner-notice__body {
		padding: 18px 14px 17px;
	}

	.hd-partner-notice li.hd-partner-notice__item {
		gap: 9px;
	}
}