.iisa-help-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5em;
	height: 1.5em;
	margin: 0 0 0 0.4em;
	padding: 0;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: transparent;
	color: var(--wp--preset--color--iisa-primary);
	font: inherit;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1;
	vertical-align: middle;
	cursor: pointer;
}

.iisa-help-flow {
	margin: 0 0 1.5rem;
}

.iisa-help-link {
	display: inline-flex;
	align-items: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--iisa-primary);
	font: inherit;
	cursor: pointer;
}

.iisa-help-link .iisa-help-mark {
	font-size: 0.9em;
}

.iisa-help-pop {
	inset: 0;
	margin: auto;
	width: min(36rem, calc(100vw - 2rem));
	height: fit-content;
	max-height: calc(100dvh - 2rem);
	overflow: auto;
	padding: 1.5rem;
	border: 1px solid var(--wp--preset--color--iisa-primary);
	border-radius: 8px;
	background: #fff;
	color: inherit;
	line-height: 1.8;
	box-shadow: 6px 6px 0 #00000033;
}

.iisa-help-pop__close {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--iisa-primary);
	font: inherit;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
}

.iisa-help-pop::backdrop {
	background: rgb(0 0 0 / 0.3);
}

.iisa-help-pop__title {
	margin: 0 0 1rem;
	color: var(--wp--preset--color--iisa-primary);
	font-size: var(--wp--preset--font-size--unitone-l);
	font-weight: 700;
}

.iisa-help-pop dl {
	margin: 0;
}

.iisa-help-pop dt {
	color: var(--wp--preset--color--iisa-primary);
	font-weight: 700;
}

.iisa-help-pop dd {
	margin: 0 0 1rem;
	font-size: var(--wp--preset--font-size--unitone-s);
}

.iisa-help-pop dd:last-child {
	margin-bottom: 0;
}