.hpn-notice {
	margin: 0 0 1.5em;
	padding: 14px 18px;
	border: 1px solid #f0b429;
	border-left-width: 5px;
	border-radius: 6px;
	background: #fff8e6;
	color: #4a3a00;
	font-size: 16px;
	line-height: 1.6;
	box-sizing: border-box;
}

.hpn-notice__body > *:first-child {
	margin-top: 0;
}

.hpn-notice__body > *:last-child {
	margin-bottom: 0;
}

.hpn-notice a {
	color: #b45309;
	font-weight: 700;
	text-decoration: underline;
	word-break: break-word;
}

.hpn-notice a:hover,
.hpn-notice a:focus {
	color: #7c2d12;
}

@media (max-width: 600px) {
	.hpn-notice {
		padding: 12px 14px;
		font-size: 15px;
	}
}

@media (prefers-color-scheme: dark) {
	.hpn-notice {
		border-color: #a16207;
		background: #2b2308;
		color: #fde68a;
	}

	.hpn-notice a {
		color: #fbbf24;
	}

	.hpn-notice a:hover,
	.hpn-notice a:focus {
		color: #fde68a;
	}
}