:is(
	.is-style-manohara-card-note,
	.is-style-manohara-card-info,
	.is-style-manohara-card-summary,
	.is-style-manohara-card-key,
	.is-style-manohara-card-neutral,
	.is-style-manohara-card-myth,
	.is-style-manohara-card-positive,
	.is-style-manohara-card-caution,
	.is-style-manohara-card-avoid,
	.is-style-manohara-card-aside
) {
	background-color: var(--manohara-card-ground, var(--wp--preset--color--base-sunk));

	border: 1px solid var(--manohara-card-hairline, var(--wp--preset--color--rule));
	border-radius: var(--manohara-card-radius, var(--wp--custom--radius--md, 0.75rem));
	color: var(--wp--preset--color--contrast);
	margin-block: var(--wp--preset--spacing--60);

	padding: 0;
	overflow: hidden;
}

:is(
	.is-style-manohara-card-note,
	.is-style-manohara-card-info,
	.is-style-manohara-card-summary,
	.is-style-manohara-card-key,
	.is-style-manohara-card-neutral,
	.is-style-manohara-card-myth
) > :is(h2, h3, h4, h5, h6):first-child {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	background-color: var(--manohara-card-band, var(--wp--preset--color--base-sunk));
	color: var(--manohara-card-ink, var(--wp--preset--color--contrast));

	border-block-end: 1px solid var(--manohara-card-hairline, var(--wp--preset--color--rule));
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.3;
}

:is(
	.is-style-manohara-card-positive,
	.is-style-manohara-card-caution,
	.is-style-manohara-card-avoid,
	.is-style-manohara-card-aside
) {

	border-inline-start-width: 5px;
	border-inline-start-color: var(--manohara-card-edge, var(--wp--preset--color--rule));
	border-start-start-radius: 0;
	border-end-start-radius: 0;
	padding-block: var(--wp--preset--spacing--40);
}

:is(
	.is-style-manohara-card-positive,
	.is-style-manohara-card-caution,
	.is-style-manohara-card-avoid,
	.is-style-manohara-card-aside
) > :is(h2, h3, h4, h5, h6):first-child {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0 0 var(--wp--preset--spacing--30);
	padding-inline: var(--wp--preset--spacing--40);
	color: var(--manohara-card-ink, var(--wp--preset--color--contrast));
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.3;
}

:is(
	.is-style-manohara-card-note,
	.is-style-manohara-card-info,
	.is-style-manohara-card-summary,
	.is-style-manohara-card-key,
	.is-style-manohara-card-neutral,
	.is-style-manohara-card-myth,
	.is-style-manohara-card-positive,
	.is-style-manohara-card-caution,
	.is-style-manohara-card-avoid,
	.is-style-manohara-card-aside
) > :not(:is(h2, h3, h4, h5, h6):first-child) {
	padding-inline: var(--wp--preset--spacing--40);
}

:is(
	.is-style-manohara-card-note,
	.is-style-manohara-card-info,
	.is-style-manohara-card-summary,
	.is-style-manohara-card-key,
	.is-style-manohara-card-neutral,
	.is-style-manohara-card-myth
) > :not(:is(h2, h3, h4, h5, h6):first-child):first-child {
	padding-block-start: var(--wp--preset--spacing--40);
}

:is(
	.is-style-manohara-card-note,
	.is-style-manohara-card-info,
	.is-style-manohara-card-summary,
	.is-style-manohara-card-key,
	.is-style-manohara-card-neutral,
	.is-style-manohara-card-myth
) > :last-child {
	padding-block-end: var(--wp--preset--spacing--40);
}

:is(
	.is-style-manohara-card-note,
	.is-style-manohara-card-info,
	.is-style-manohara-card-summary,
	.is-style-manohara-card-key,
	.is-style-manohara-card-neutral,
	.is-style-manohara-card-myth,
	.is-style-manohara-card-positive,
	.is-style-manohara-card-caution,
	.is-style-manohara-card-avoid,
	.is-style-manohara-card-aside
) :is(ul, ol) {
	padding-inline-start: calc(var(--wp--preset--spacing--40) + 1.2em);
}

:is(
	.is-style-manohara-card-note,
	.is-style-manohara-card-info,
	.is-style-manohara-card-summary,
	.is-style-manohara-card-key,
	.is-style-manohara-card-neutral,
	.is-style-manohara-card-myth,
	.is-style-manohara-card-positive,
	.is-style-manohara-card-caution,
	.is-style-manohara-card-avoid,
	.is-style-manohara-card-aside
) :is(ul, ol) > li {
	margin-block-end: 0.55em;
}

:is(
	.is-style-manohara-card-note,
	.is-style-manohara-card-info,
	.is-style-manohara-card-summary,
	.is-style-manohara-card-key,
	.is-style-manohara-card-neutral,
	.is-style-manohara-card-myth,
	.is-style-manohara-card-positive,
	.is-style-manohara-card-caution,
	.is-style-manohara-card-avoid,
	.is-style-manohara-card-aside
) :is(ul, ol) > li:last-child {
	margin-block-end: 0;
}

:is(
	.is-style-manohara-card-note,
	.is-style-manohara-card-info,
	.is-style-manohara-card-summary,
	.is-style-manohara-card-key,
	.is-style-manohara-card-neutral,
	.is-style-manohara-card-myth,
	.is-style-manohara-card-positive,
	.is-style-manohara-card-caution,
	.is-style-manohara-card-avoid,
	.is-style-manohara-card-aside
) :is(strong, b) {
	font-weight: 700;
}

:is(
	.is-style-manohara-card-positive,
	.is-style-manohara-card-caution,
	.is-style-manohara-card-avoid,
	.is-style-manohara-card-aside
) li > strong:first-child {
	color: var(--manohara-card-ink, var(--wp--preset--color--contrast));
}

:is(
	.is-style-manohara-card-note,
	.is-style-manohara-card-info,
	.is-style-manohara-card-summary,
	.is-style-manohara-card-key,
	.is-style-manohara-card-neutral,
	.is-style-manohara-card-myth,
	.is-style-manohara-card-positive,
	.is-style-manohara-card-caution,
	.is-style-manohara-card-avoid,
	.is-style-manohara-card-aside
) > :is(h2, h3, h4, h5, h6):first-child::before {
	content: "";
	flex: 0 0 auto;
	inline-size: 1.25em;
	block-size: 1.25em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.is-style-manohara-card-note > :is(h2, h3, h4, h5, h6):first-child::before {
	-webkit-mask-image: var(--manohara-card-mark-note);
	mask-image: var(--manohara-card-mark-note);
}

.is-style-manohara-card-neutral > :is(h2, h3, h4, h5, h6):first-child::before,
.is-style-manohara-card-aside > :is(h2, h3, h4, h5, h6):first-child::before {
	display: none;
}

.is-style-manohara-card-info > :is(h2, h3, h4, h5, h6):first-child::before {
	-webkit-mask-image: var(--manohara-card-mark-info);
	mask-image: var(--manohara-card-mark-info);
}

.is-style-manohara-card-myth > :is(h2, h3, h4, h5, h6):first-child::before,
.is-style-manohara-card-avoid > :is(h2, h3, h4, h5, h6):first-child::before {
	-webkit-mask-image: var(--manohara-card-mark-avoid);
	mask-image: var(--manohara-card-mark-avoid);
}

.is-style-manohara-card-summary > :is(h2, h3, h4, h5, h6):first-child::before {
	-webkit-mask-image: var(--manohara-card-mark-summary);
	mask-image: var(--manohara-card-mark-summary);
}

.is-style-manohara-card-key > :is(h2, h3, h4, h5, h6):first-child::before {
	-webkit-mask-image: var(--manohara-card-mark-key);
	mask-image: var(--manohara-card-mark-key);
}

.is-style-manohara-card-positive > :is(h2, h3, h4, h5, h6):first-child::before {
	-webkit-mask-image: var(--manohara-card-mark-positive);
	mask-image: var(--manohara-card-mark-positive);
}

.is-style-manohara-card-caution > :is(h2, h3, h4, h5, h6):first-child::before {
	-webkit-mask-image: var(--manohara-card-mark-caution);
	mask-image: var(--manohara-card-mark-caution);
}

:root {

	--manohara-card-mark-note: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
	--manohara-card-mark-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");
	--manohara-card-mark-positive: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.4 14.6L6 12l1.4-1.4 3.2 3.2 6-6L18 9.2l-7.4 7.4z'/%3E%3C/svg%3E");
	--manohara-card-mark-caution: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 1 21h22L12 2zm1 16h-2v-2h2v2zm0-4h-2V9h2v5z'/%3E%3C/svg%3E");

	--manohara-card-mark-summary: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v2.5H3V4zm0 5.75h18v2.5H3v-2.5zM3 15.5h18V18H3v-2.5zM3 21h11v-2.5H3V21z'/%3E%3C/svg%3E");
	--manohara-card-mark-key: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2 2.95 6.36 6.55.79-4.85 4.6 1.28 6.7L12 17.1 6.07 20.45l1.28-6.7L2.5 9.15l6.55-.79L12 2z'/%3E%3C/svg%3E");
	--manohara-card-mark-avoid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2c1.85 0 3.55.63 4.9 1.69L5.69 16.9A7.93 7.93 0 0 1 4 12a8 8 0 0 1 8-8zm0 16c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1A7.93 7.93 0 0 1 20 12a8 8 0 0 1-8 8z'/%3E%3C/svg%3E");
}

:is(
	.is-style-manohara-card-note,
	.is-style-manohara-card-info,
	.is-style-manohara-card-summary,
	.is-style-manohara-card-key,
	.is-style-manohara-card-neutral,
	.is-style-manohara-card-myth,
	.is-style-manohara-card-positive,
	.is-style-manohara-card-caution,
	.is-style-manohara-card-avoid,
	.is-style-manohara-card-aside
) > :is(h2, h3, h4, h5, h6):first-child {
	position: relative;

	padding-inline-end: var(--manohara-card-mark-space, 0);
}

:is(
	.is-style-manohara-card-note,
	.is-style-manohara-card-info,
	.is-style-manohara-card-summary,
	.is-style-manohara-card-key,
	.is-style-manohara-card-neutral,
	.is-style-manohara-card-myth,
	.is-style-manohara-card-positive,
	.is-style-manohara-card-caution,
	.is-style-manohara-card-avoid,
	.is-style-manohara-card-aside
) > :is(h2, h3, h4, h5, h6):first-child::after {
	content: var(--manohara-card-mark-on, none);
	position: absolute;
	inset-inline-end: var(--wp--preset--spacing--40);
	inset-block-start: 50%;
	transform: translateY(-50%);
	inline-size: 6.5rem;
	block-size: 1.6rem;
	background-image: var(--manohara-card-watermark);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	filter: var(--manohara-card-mark-filter, none);
	opacity: 0.42;
	pointer-events: none;
}

.wp-block-table.is-style-manohara-card-table {

	display: flex;
	flex-direction: column;
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: var(--manohara-card-radius, var(--wp--custom--radius--md, 0.75rem));
	overflow: hidden;
	margin-block: var(--wp--preset--spacing--60);
}

.wp-block-table.is-style-manohara-card-table table {
	border-collapse: separate;
	border-spacing: 0;
	border: 0;
	inline-size: 100%;
}

.wp-block-table.is-style-manohara-card-table :is(th, td) {
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	text-align: start;
	vertical-align: top;
	border: 0;
	border-block-end: 1px solid var(--wp--preset--color--rule);
}

.wp-block-table.is-style-manohara-card-table thead th {
	background-color: var(--manohara-card-note-band, var(--wp--preset--color--base-sunk));
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	border-block-end: 1px solid var(--wp--preset--color--rule);
}

.wp-block-table.is-style-manohara-card-table tbody tr:nth-child(even) {
	background-color: var(--wp--preset--color--base-sunk);
}

.wp-block-table.is-style-manohara-card-table tbody tr:last-child :is(th, td) {
	border-block-end: 0;
}

.wp-block-table.is-style-manohara-card-table figcaption,
.wp-block-table.is-style-manohara-card-table caption {
	background-color: var(--manohara-card-table-band, var(--wp--preset--color--base-sunk));
	color: var(--manohara-card-table-ink, var(--wp--preset--color--contrast));
	caption-side: top;
	position: relative;
	padding-inline-end: calc(var(--manohara-card-mark-space, 0px) + var(--wp--preset--spacing--40));
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin: 0;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	text-align: start;
}

.wp-block-table.is-style-manohara-card-table figcaption::after,
.wp-block-table.is-style-manohara-card-table caption::after {
	content: var(--manohara-card-mark-on, none);
	position: absolute;
	inset-inline-end: var(--wp--preset--spacing--40);
	inset-block-start: 50%;
	transform: translateY(-50%);
	inline-size: 6.5rem;
	block-size: 1.6rem;
	background-image: var(--manohara-card-watermark);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;

	filter: var(--manohara-card-mark-filter-on-dark, none);
	opacity: 0.42;
	pointer-events: none;
}

.wp-block-table.is-style-manohara-card-table figcaption {
	order: -1 !important;
}

@media (max-width: 47.99rem) {

	:root {
		--manohara-card-mark-on: none;
		--manohara-card-mark-space: 0;
	}

	.wp-block-table.is-style-manohara-card-table table {
		display: block;
		overflow-x: auto;
	}

}

@media print {
	:is(
		.is-style-manohara-card-note,
		.is-style-manohara-card-info,
		.is-style-manohara-card-summary,
		.is-style-manohara-card-key,
		.is-style-manohara-card-neutral,
		.is-style-manohara-card-myth,
		.is-style-manohara-card-positive,
		.is-style-manohara-card-caution,
		.is-style-manohara-card-avoid,
		.is-style-manohara-card-aside
	) {
		background: none;
		border: 1px solid #000;
		break-inside: avoid;
	}

	:root {
		--manohara-card-mark-on: none;
		--manohara-card-mark-space: 0;
	}
}
