/* Each disclaimer is a native <dialog> opened with showModal(), so it sits in
   the top layer (no z-index needed) and the page behind it is inert. */
.disclaimer-popup__outer {
	position: fixed;
	inset: 0;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
	margin: 0;
	padding-top: 10%;
	padding-bottom: 10%;
	overflow-y: auto;
	border: 0;
	background: transparent;
	color: inherit;
}
.disclaimer-popup__outer::backdrop {
	background: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.disclaimer-popup__inner {
	position: relative;
	max-width: var(--site-narrow, 1000px);
	padding: var(--wp--preset--spacing--medium);
	background-color: var(--wp--preset--color--light-grey);
	margin: auto;
}
/* Focused programmatically on open so long disclaimers start at the top. */
.disclaimer-popup__inner:focus {
	outline: none;
}
.disclaimer-popup__inner .wp-block-buttons {
	margin-top: var(--wp--preset--spacing--medium);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--wp--preset--spacing--small);
}