.apcs-callout {
	--apcs-callout-surface: #fbf4d8;
	--apcs-callout-border: var(--apcs-border, #d7d2cc);
	--apcs-callout-ink: var(--apcs-ink, #121417);
	--apcs-callout-muted: var(--apcs-muted, #5f646b);
	--apcs-callout-accent: var(--apcs-accent, #4c6078);
	position: relative;
	display: grid;
	gap: 22px;
	padding: clamp(22px, 2.4vw, 30px);
	border: 1px solid #d8ca8c;
	border-left: 4px solid var(--apcs-callout-accent);
	border-radius: 0;
	background: var(--apcs-callout-surface);
	box-shadow: none;
}

.apcs-callout__content,
.apcs-callout__content > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.apcs-callout__content > * {
	margin: 0;
}

.apcs-callout__content > .wp-block-buttons {
	margin: 0;
}

.apcs-callout__content > .wp-block-buttons,
.apcs-callout__content > .wp-block-buttons.is-layout-flex {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
}

.apcs-callout__content > .wp-block-image {
	margin: 0;
	max-width: min(100%, 560px);
}

.apcs-callout__content > .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid rgb(18 20 23 / 0.08);
	border-radius: 0;
}

.apcs-callout__content > .wp-block-list,
.apcs-callout__content > .wp-block-quote,
.apcs-callout__content > .wp-block-pullquote,
.apcs-callout__content > .wp-block-separator {
	margin: 0;
}

.apcs-callout__eyebrow {
	margin: 0;
	font-family: "Manrope", sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--apcs-callout-accent);
}

.apcs-callout__title {
	margin: 0;
	font-family: "Noto Sans CJK KR", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", "Manrope", sans-serif;
	font-size: clamp(24px, 1.4rem + 0.5vw, 30px);
	font-weight: 700;
	line-height: 1.08;
	letter-spacing: -0.03em;
	color: var(--apcs-callout-ink);
	text-wrap: balance;
}

.apcs-callout__body {
	margin: 0;
	/* max-width: 62ch; */
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	line-height: 1.7;
	color: var(--apcs-callout-muted);
}

.apcs-callout__note {
	display: grid;
	gap: 8px;
	padding-top: 18px;
	border-top: 1px solid rgb(166 143 70 / 0.18);
}

.apcs-callout__note-label,
.apcs-callout__note-text {
	margin: 0;
}

.apcs-callout__note-label {
	font-family: "Manrope", sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--apcs-callout-accent);
}

.apcs-callout__note-text {
	max-width: 68ch;
	font-family: "Manrope", sans-serif;
	font-size: 14px;
	line-height: 1.65;
	color: var(--apcs-callout-muted);
}

.editor-styles-wrapper .apcs-callout {
	margin-block: 0;
}

.editor-styles-wrapper .apcs-callout .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender {
	margin-top: 4px;
}

@media (max-width: 781px) {
	.apcs-callout {
		gap: 18px;
		padding: 20px 18px;
	}

	.apcs-callout__title {
		font-size: clamp(22px, 1.2rem + 1vw, 26px);
	}

	.apcs-callout__body {
		font-size: 15px;
		line-height: 1.66;
	}

	.apcs-callout__note-text {
		font-size: 13px;
		line-height: 1.6;
	}
}