.entry-content .hr-ron-face {
	display: block;
	width: 104px;
	height: 104px;
	object-fit: contain;
	object-position: center bottom;
	filter: drop-shadow(0 4px 5px rgba(29, 49, 63, .12));
}

.entry-content .hr-ron-balloon,
.entry-content .wp-block-liquid-speech-balloon,
.entry-content .epb-balloon {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	margin: 2em 0;
}

.entry-content .hr-ron-balloon--right { flex-direction: row-reverse; }
.entry-content .hr-ron-balloon__person,
.entry-content .epb-balloon__icon.hr-ron-balloon__person,
.entry-content .liquid-speech-balloon-avatar.hr-ron-balloon__person {
	flex: 0 0 104px;
	width: 104px;
	text-align: center;
}
.entry-content .hr-ron-balloon__name {
	display: block;
	margin-top: 4px;
	font-size: .72rem;
	font-weight: 700;
	line-height: 1.4;
	color: #566573;
}
.entry-content .hr-ron-balloon__generic-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 0 auto;
	border-radius: 50%;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1;
}
.entry-content .epb-balloon__icon.hr-ron-balloon__person .hr-ron-face,
.entry-content .liquid-speech-balloon-avatar.hr-ron-balloon__person .hr-ron-face {
	width: 104px !important;
	height: 104px !important;
	max-width: none;
}

.entry-content .hr-ron-balloon__bubble,
.entry-content .liquid-speech-balloon-text,
.entry-content .epb-balloon__content {
	position: relative;
	flex: 1;
	min-width: 0;
}
.entry-content .hr-ron-balloon__bubble,
.entry-content .liquid-speech-balloon-text {
	padding: 15px 18px;
	background: #fff;
	border: 2px solid var(--mc-ink, #263746) !important;
	border-radius: 13px;
	box-shadow: 4px 4px 0 rgba(53, 167, 156, .13);
}
.entry-content .hr-ron-balloon__bubble::before,
.entry-content .hr-ron-balloon__bubble::after,
.entry-content .liquid-speech-balloon-text::before,
.entry-content .liquid-speech-balloon-text::after {
	content: "";
	position: absolute;
	top: 25px;
	width: 0;
	height: 0;
	border-style: solid;
}
.entry-content .hr-ron-balloon--left .hr-ron-balloon__bubble::before,
.entry-content .liquid-speech-balloon-text::before {
	left: -13px;
	border-width: 9px 13px 9px 0;
	border-color: transparent var(--mc-ink, #263746) transparent transparent;
}
.entry-content .hr-ron-balloon--left .hr-ron-balloon__bubble::after,
.entry-content .liquid-speech-balloon-text::after {
	left: -9px;
	top: 27px;
	border-width: 7px 10px 7px 0;
	border-color: transparent #fff transparent transparent;
}
/* liquid-speech-balloonのブロックは常にアバターが左側なので、右向きの尻尾は用意しない */
.entry-content .hr-ron-balloon--right .hr-ron-balloon__bubble::before {
	right: -13px;
	border-width: 9px 0 9px 13px;
	border-color: transparent transparent transparent var(--mc-ink, #263746);
}
.entry-content .hr-ron-balloon--right .hr-ron-balloon__bubble::after {
	right: -9px;
	top: 27px;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #fff;
}
.entry-content .hr-ron-balloon__bubble > :first-child,
.entry-content .liquid-speech-balloon-text > :first-child { margin-top: 0; }
.entry-content .hr-ron-balloon__bubble > :last-child,
.entry-content .liquid-speech-balloon-text > :last-child { margin-bottom: 0; }
.entry-content .liquid-speech-balloon-arrow { display: none !important; }

.entry-content .hr-ron-story {
	margin: 2.2em auto;
	max-width: 760px;
	padding: 10px;
	background: #fff;
	border: 1px solid var(--mc-line, #dce5e8);
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(29, 49, 63, .09);
}
.entry-content .hr-ron-story img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	border-radius: 6px;
}
.entry-content .hr-ron-story figcaption {
	padding: 10px 8px 2px;
	font-size: .82rem;
	line-height: 1.6;
	text-align: center;
	color: #566573;
}

@media (max-width: 560px) {
	.entry-content .hr-ron-balloon,
	.entry-content .wp-block-liquid-speech-balloon,
	.entry-content .epb-balloon { gap: 9px; }
	.entry-content .hr-ron-face { width: 76px; height: 76px; }
	.entry-content .hr-ron-balloon__person,
	.entry-content .epb-balloon__icon.hr-ron-balloon__person,
	.entry-content .liquid-speech-balloon-avatar.hr-ron-balloon__person {
		flex-basis: 76px;
		width: 76px;
	}
	.entry-content .epb-balloon__icon.hr-ron-balloon__person .hr-ron-face,
	.entry-content .liquid-speech-balloon-avatar.hr-ron-balloon__person .hr-ron-face {
		width: 76px !important;
		height: 76px !important;
	}
	.entry-content .hr-ron-balloon__bubble,
	.entry-content .liquid-speech-balloon-text { padding: 11px 13px; font-size: .94rem; }
	.entry-content .hr-ron-story { margin: 1.7em -4px; padding: 6px; border-radius: 8px; }
}