.block-personal-note-2 {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 343px);
	grid-template-rows: auto 1fr auto;
	column-gap: 24px;
	row-gap: 16px;
	padding: 24px;
	border-radius: var(--wp--custom--new-blocks--border-radius);
	background: var(--wp--preset--color--quinary);
	box-shadow: var(--wp--custom--box-shadow--1);
}

.block-personal-note-2__content {
	grid-column: 1;
	grid-row: 1 / 3;
	min-width: 0;
	font-size: var(--wp--custom--personal-note-2--font-size--body);
	line-height: var(--wp--custom--personal-note-2--line-height);
}

.block-personal-note-2__content > * {
	margin: 0 0 16px;
}

.block-personal-note-2__content > :last-child {
	margin-bottom: 0;
}

.block-personal-note-2__content h2 {
	font-size: var(--wp--preset--font-size--huge);
	line-height: var(--wp--custom--line-height--small);
}

.block-personal-note-2 .block-personal-note-2__content .is-style-gamma li {
	position: relative;
	padding: 0 0 0 32px;
	margin-bottom: 16px;
}

.block-personal-note-2__content .is-style-gamma li::before {
	position: absolute;
	left: 0;
	color: var(--wp--preset--color--quadenary);
}

.block-personal-note-2__content .is-style-gamma li:last-child {
	margin-bottom: 0;
}

.block-personal-note-2__portrait {
	grid-column: 2;
	grid-row: 1;
	width: 100%;
	height: auto;
	margin-top: -48px;
	margin-bottom: 8px;
}

.block-personal-note-2__facts,
.block-personal-note-2__placeholder {
	grid-column: 2;
	grid-row: 2;
	align-self: start;
	margin: 0;
	padding: 24px;
	border-radius: var(--wp--custom--new-blocks--border-radius);
	background: var(--wp--preset--color--background);
	box-shadow: var(--wp--custom--box-shadow--1);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--normal);
}

.block-personal-note-2__facts > div {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	padding-block: 16px;
	border-bottom: 1px solid var(--wp--custom--new-blocks--color--rule);
}

.block-personal-note-2__facts > div:first-child {
	padding-top: 0;
}

.block-personal-note-2__facts > div:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.block-personal-note-2__facts dt {
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 700;
}

.block-personal-note-2__facts svg {
	flex-shrink: 0;
	fill: var(--wp--preset--color--primary);
}

.block-personal-note-2__facts dd {
	margin: 0;
	overflow-wrap: anywhere;
}

.block-personal-note-2__signature {
	grid-column: 1;
	grid-row: 3;
	width: 88px;
	height: auto;
}

@media (max-width: 700px) {
	.block-personal-note-2 {
		display: flow-root;
		padding: 24px 16px;
	}

	.block-personal-note-2__portrait {
		display: none;
	}

	.block-personal-note-2__content {
		display: contents;
	}

	.block-personal-note-2__content > .wp-block-list::before {
		content: "";
		float: right;
		width: 45%;
		max-width: 157px;
		aspect-ratio: 686 / 861;
		margin: 0 -16px 8px 12px;
		background: url(holly-persnote-686px.png) center / contain no-repeat;
	}

	.block-personal-note-2 .block-personal-note-2__content .is-style-gamma li {
		list-style: none;
	}

	.block-personal-note-2__facts,
	.block-personal-note-2__placeholder {
		clear: both;
		margin-top: 16px;
	}

	.block-personal-note-2__signature {
		display: block;
		clear: both;
		margin-top: 16px;
	}
}

.block-area-sidebar .block-personal-note-2 {
	display: flex;
	flex-direction: column;
	padding: 24px 16px;
}

.block-area-sidebar .block-personal-note-2__portrait {
	display: block;
	width: 157px;
	margin: 0;
	align-self: center;
}

.block-area-sidebar .block-personal-note-2__content > .wp-block-list::before {
	display: none;
}
