.whna-sitewide,
.whna-display,
.whna-display * {
	box-sizing: border-box;
}

.whna-sitewide {
	font-family: var(--whna-font, inherit);
	font-size: 15px;
	line-height: 1.5;
	font-style: normal;
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
	margin: 0;
	padding: 0;
	border: 0;
	left: 0;
	position: relative;
	width: 100%;
	z-index: 99990;
}

.whna-sitewide * {
	box-sizing: border-box;
}

.whna-sitewide--sticky {
	position: sticky;
	top: var(--whna-toolbar-offset, 0px);
}

.whna-sitewide--fixed,
.whna-sitewide--fallback {
	position: fixed;
	top: var(--whna-toolbar-offset, 0px);
}

.whna-sitewide--sticky,
.whna-sitewide--fixed,
.whna-sitewide--fallback {
	max-height: 60vh;
	max-height: min(60dvh, calc(100dvh - var(--whna-toolbar-offset, 0px)));
	overflow-y: auto;
	overscroll-behavior: contain;
}

body.admin-bar .whna-sitewide--sticky,
body.admin-bar .whna-sitewide--fixed,
body.admin-bar .whna-sitewide--fallback {
	top: var(--whna-toolbar-offset, 32px);
}

.whna-sitewide .whna-sitewide__item {
	--whna-accent: var(--whna-active, #f28c00);
	background: var(--whna-accent, #f28c00);
	color: var(--whna-text, #fff);
	min-height: 48px;
}

.whna-sitewide .whna-sitewide__item--critical {
	--whna-accent: var(--whna-critical, #c62828);
}

.whna-sitewide .whna-sitewide__item--scheduled {
	--whna-accent: var(--whna-scheduled, #1769aa);
}

.whna-sitewide .whna-sitewide__inner {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin: 0 auto;
	max-width: 1240px;
	min-height: 48px;
	padding: 10px 52px 10px 20px;
}

.whna-sitewide .whna-sitewide__indicator {
	animation: whna-indicator-pulse 2.4s ease-in-out infinite;
	background: currentColor;
	border: 3px solid rgb(255 255 255 / 42%);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgb(0 0 0 / 8%);
	flex: 0 0 12px;
	height: 12px;
	width: 12px;
}

@keyframes whna-indicator-pulse {
	0%, 100% {
		opacity: .65;
		transform: scale(.9);
	}
	50% {
		opacity: 1;
		transform: scale(1.15);
	}
}

.whna-sitewide .whna-sitewide__label {
	background: rgb(0 0 0 / 17%);
	border-radius: 999px;
	color: inherit;
	font-size: 11px;
	font-weight: 800;
	flex-shrink: 0;
	letter-spacing: .055em;
	line-height: 1;
	padding: 6px 9px;
	text-transform: uppercase;
}

.whna-sitewide .whna-sitewide__title,
.whna-sitewide .whna-sitewide__message {
	color: inherit;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	flex: 1 1 240px;
	margin: 0;
	min-width: 0;
	overflow-wrap: anywhere;
}

.whna-sitewide .whna-sitewide__message {
	color: #000000;
	font-weight: 700;
}

.whna-sitewide .whna-sitewide__count {
	font-size: 13px;
	opacity: .88;
}

.whna-sitewide .whna-sitewide__description {
	flex: 1 1 100%;
	order: 1;
	font-size: 13px;
	line-height: 1.5;
	padding-left: 26px;
}

.whna-sitewide .whna-sitewide__description > :first-child {
	margin-top: 0;
}

.whna-sitewide .whna-sitewide__description > :last-child {
	margin-bottom: 0;
}

.whna-sitewide .whna-sitewide__item--description-only .whna-sitewide__description {
	flex: 1 1 240px;
	order: 0;
	padding-left: 0;
}

.whna-sitewide .whna-sitewide__link {
	color: inherit;
	font-family: inherit;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.5;
	background: none;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin-left: auto;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.whna-sitewide .whna-sitewide__link:hover,
.whna-sitewide .whna-sitewide__link:focus {
	color: inherit;
	text-decoration-thickness: 2px;
}

.whna-sitewide .whna-sitewide__dismiss {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 0;
	border-radius: 4px;
	box-shadow: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	min-height: 0;
	min-width: 0;
	margin: 0;
	color: var(--whna-text, #fff);
	cursor: pointer;
	display: flex;
	font: 26px/1 Arial, sans-serif;
	height: 40px;
	justify-content: center;
	opacity: .78;
	padding: 0;
	position: absolute;
	right: 8px;
	top: 4px;
	width: 40px;
}

.whna-sitewide .whna-sitewide__dismiss:hover,
.whna-sitewide .whna-sitewide__dismiss:focus-visible {
	opacity: 1;
}

.whna-sitewide .whna-sitewide__dismiss:focus-visible,
.whna-sitewide .whna-sitewide__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.whna-display {
	font-family: var(--whna-font, inherit);
	font-size: var(--whna-body-size, 15px);
	line-height: var(--whna-line-height, 1.6);
	font-style: normal;
	text-transform: none;
	letter-spacing: normal;
	min-width: 0;
	margin-inline: auto;
	max-width: var(--whna-max-width, 1200px);
	text-align: var(--whna-align, left);
	width: 100%;
}

.whna-display.whna-issue-list {
	grid-template-columns: minmax(0, 1fr);
	display: grid;
	gap: var(--whna-list-gap, 18px);
}

.whna-display .whna-card {
	--whna-accent: var(--whna-active, #f28c00);
	min-width: 0;
	margin: 0;
	background: var(--whna-card-bg, #fff);
	border: var(--whna-border-width, 1px) solid var(--whna-card-border, #dfe3e8);
	border-left-color: var(--whna-accent);
	border-left-width: var(--whna-accent-width, 5px);
	border-radius: var(--whna-radius, 10px);
	box-shadow: var(--whna-shadow, 0 5px 20px rgb(19 33 53 / 7%));
	color: var(--whna-card-text, #172033);
	padding: var(--whna-padding-y, 22px) var(--whna-padding-x, 24px);
}

.whna-display .whna-card--critical {
	--whna-accent: var(--whna-critical, #c62828);
}

.whna-display .whna-card--scheduled {
	--whna-accent: var(--whna-scheduled, #1769aa);
}

.whna-display .whna-card__heading {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 12px;
	justify-content: var(--whna-justify, flex-start);
}

.whna-display .whna-card__badge {
	background: #f7f1e8;
	background: color-mix(in srgb, var(--whna-accent) 13%, var(--whna-card-bg, #fff));
	border: 1px solid #ead9c1;
	border: 1px solid color-mix(in srgb, var(--whna-accent) 34%, var(--whna-card-bg, #fff));
	border-radius: 999px;
	color: var(--whna-accent);
	font-size: var(--whna-badge-size, 11px);
	font-weight: 800;
	letter-spacing: .05em;
	line-height: 1;
	padding: 6px 9px;
	text-transform: uppercase;
}

.whna-display .whna-card__title {
	color: inherit;
	font-family: inherit;
	font-size: var(--whna-title-size, 22px);
	font-style: normal;
	text-transform: none;
	letter-spacing: normal;
	padding: 0;
	font-weight: var(--whna-title-weight, 700);
	line-height: 1.25;
	margin: 0;
}

.whna-display .whna-card__description {
	font-size: var(--whna-body-size, 15px);
	line-height: var(--whna-line-height, 1.6);
	margin-top: var(--whna-content-gap, 14px);
}

.whna-display .whna-card__description > :first-child {
	margin-top: 0;
}

.whna-display .whna-card__description > :last-child {
	margin-bottom: 0;
}

.whna-display .whna-card__meta {
	display: flex;
	flex-wrap: wrap;
	font-size: var(--whna-meta-size, 13px);
	gap: 8px 22px;
	justify-content: var(--whna-justify, flex-start);
	line-height: 1.5;
	margin-top: var(--whna-content-gap, 14px);
	opacity: .76;
}

.whna-display .whna-card__link {
	color: var(--whna-accent);
	display: inline-block;
	font-size: var(--whna-body-size, 14px);
	font-weight: 800;
	margin-top: var(--whna-content-gap, 14px);
	text-decoration: none;
}

.whna-display .whna-card__link:hover,
.whna-display .whna-card__link:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.whna-issue-list--compact .whna-card {
	box-shadow: none;
}

.whna-display.whna-empty-state {
	align-items: center;
	background: var(--whna-empty-bg, #eef9f2);
	border: var(--whna-border-width, 1px) solid var(--whna-empty-border, #bfe2ca);
	border-radius: var(--whna-radius, 10px);
	color: var(--whna-empty-text, #176235);
	display: flex;
	font-weight: 700;
	gap: 10px;
	justify-content: var(--whna-justify, flex-start);
	padding: var(--whna-padding-y, 16px) var(--whna-padding-x, 18px);
}

.whna-display .whna-empty-state__icon {
	align-items: center;
	background: var(--whna-empty-text, #176235);
	border-radius: 50%;
	flex: 0 0 22px;
	color: var(--whna-empty-bg, #eef9f2);
	display: inline-flex;
	font-size: 12px;
	height: 22px;
	justify-content: center;
	width: 22px;
}

@media (max-width: 782px) {
	body.admin-bar .whna-sitewide--sticky,
	body.admin-bar .whna-sitewide--fixed,
	body.admin-bar .whna-sitewide--fallback {
		top: var(--whna-toolbar-offset, 46px);
	}

	.whna-sitewide .whna-sitewide__inner {
		align-items: flex-start;
		gap: 7px 9px;
		padding: 10px 46px 10px 14px;
	}

	.whna-sitewide .whna-sitewide__link {
		margin-left: 0;
	}

	.whna-sitewide .whna-sitewide__count {
		flex-basis: 100%;
		padding-left: 21px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.whna-sitewide .whna-sitewide__indicator {
		animation: none;
	}

	.whna-sitewide,
	.whna-sitewide * {
		scroll-behavior: auto !important;
		transition: none !important;
	}
}

/* Keep theme defaults inside the component from changing the sample design. */
.whna-sitewide [hidden],
.whna-sitewide[hidden],
.whna-display[hidden] {
	display: none !important;
}

.whna-sitewide .whna-sitewide__inner > *,
.whna-display .whna-card__heading > *,
.whna-display .whna-card__meta > *,
.whna-display .whna-empty-state__text {
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.whna-sitewide .whna-sitewide__description,
.whna-display .whna-card__description {
	color: inherit;
	overflow-wrap: anywhere;
}

.whna-sitewide .whna-sitewide__description :where(p, ul, ol, li, blockquote),
.whna-display .whna-card__description :where(p, ul, ol, li, blockquote) {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: normal;
	text-transform: none;
}

.whna-sitewide .whna-sitewide__description :where(p, ul, ol, blockquote),
.whna-display .whna-card__description :where(p, ul, ol, blockquote) {
	margin: 0 0 0.75em;
	padding: 0;
}

.whna-sitewide .whna-sitewide__description :where(ul, ol),
.whna-display .whna-card__description :where(ul, ol) {
	padding-inline-start: 1.5em;
}

.whna-sitewide .whna-sitewide__description > :last-child,
.whna-display .whna-card__description > :last-child {
	margin-bottom: 0;
}

.whna-sitewide .whna-sitewide__description :where(img, video),
.whna-display .whna-card__description :where(img, video) {
	max-width: 100%;
	height: auto;
}

.whna-sitewide .whna-sitewide__description table,
.whna-display .whna-card__description table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}

.whna-sitewide .whna-sitewide__description a {
	color: inherit;
	text-decoration: underline;
}

.whna-display .whna-card__description a {
	color: var(--whna-accent);
	text-decoration: underline;
}

.whna-display .whna-card__meta strong {
	color: inherit;
	font-size: inherit;
	font-weight: 700;
}

.whna-display .whna-card__link {
	background: none;
	border: 0;
	box-shadow: none;
	font-family: inherit;
	line-height: inherit;
	padding: 0;
}

.whna-sitewide .whna-sitewide__dismiss:hover,
.whna-sitewide .whna-sitewide__dismiss:focus {
	background: transparent;
	color: var(--whna-text, #fff);
	border: 0;
	box-shadow: none;
}

.whna-sitewide-spacer {
	border: 0;
	margin: 0;
	padding: 0;
	pointer-events: none;
	width: 100%;
}