.jeb-announcement {
	box-sizing: border-box;
	width: min(38rem, calc(100% - 2rem));
	max-height: calc(100dvh - 2rem);
	margin: auto;
	padding: clamp(1.25rem, 4vw, 2rem);
	border: 2px solid var(--wp--preset--color--primary, #005e5d);
	border-radius: 1.25rem;
	background: #fffaf1;
	color: #17332b;
	box-shadow: 0 1rem 4rem #0005;
	overflow: auto;
	overflow-wrap: anywhere;
}
.jeb-announcement::backdrop { background: #132a36b3; }
.jeb-announcement-open { overflow: hidden; }
.jeb-announcement h2 { clear: both; margin: 1rem 0; font-size: clamp(1.5rem, 5vw, 2rem); line-height: 1.2; }
.jeb-announcement__close, .jeb-announcement__keep { min-height: 44px; padding: .5rem 1rem; border: 2px solid currentColor; border-radius: .6rem; background: #fff; color: #005e5d; font: inherit; cursor: pointer; }
.jeb-announcement__close { display: block; margin-left: auto; position: sticky; top: 0; z-index: 1; }
.jeb-announcement__picture { margin-block: 1rem; }
.jeb-announcement__picture .jeb-announcement__image { display: block; width: auto; max-width: 100%; height: auto; max-height: 55vh; object-fit: contain; margin-inline: auto; border-radius: .5rem; }
.jeb-announcement__content a { color: #005e5d; text-decoration: underline; }
.jeb-announcement__content img { max-width: 100%; height: auto; }
.jeb-announcement__content { display: flow-root; }
.jeb-announcement__content .wp-caption,
.jeb-announcement__content figure { box-sizing: border-box; max-width: 100%; margin: 1rem 0; }
.jeb-announcement__content .aligncenter { display: block; margin-inline: auto; }
.jeb-announcement__content .alignleft { float: left; margin: .5rem 1rem .5rem 0; }
.jeb-announcement__content .alignright { float: right; margin: .5rem 0 .5rem 1rem; }
.jeb-announcement__content .wp-caption-text { margin: .5rem 0; font-size: .9em; }
.jeb-announcement-preview__notice { max-width: 48rem; margin: 3rem auto; padding: 1.5rem; }
@media (max-width: 480px) {
	.jeb-announcement__content .alignleft,
	.jeb-announcement__content .alignright { float: none; margin: 1rem auto; }
}
.jeb-announcement :focus-visible { outline: 3px solid #005e5d; outline-offset: 3px; }
.is-high-contrast .jeb-announcement, .is-high-contrast .jeb-announcement button { background: #000; color: #fff; border-color: #fff; }
.is-high-contrast .jeb-announcement a { color: #ff0; }
