/**
 * ARKDIO EDITOR - 공유 스타일 (에디터 + 프론트 동시 적용)
 * 네이버 스마트에디터 ONE 실측값 기반.
 * 이 파일 하나가 에디터와 발행글의 WYSIWYG 일치를 보장한다.
 */

:root {
	--aed-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
		"Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;

	/* 네이버 본문 실측: 15px / line-height 1.8 / #000 */
	--aed-body-size: 15px;
	--aed-body-lh: 1.8;
	--aed-small: 13px;
	--aed-large: 19px;

	/* 소제목: 네이버는 30px p태그. 우리는 시맨틱 H태그 + 웹 표준 크기로 조정 */
	--aed-h2: 26px;
	--aed-h3: 20px;

	/* 인용구 실측: 인용문 19px, 출처 13px #777 */
	--aed-quote-size: 19px;
	--aed-cite-size: 13px;
	--aed-cite-color: #777777;

	--aed-hr-color: #d5d5d5;
	/* 포인트 컬러 (발행 버튼·선택 상태·hover) */
	--aed-point: #111111;
	--aed-point-hover: #333333;
	--aed-canvas: 693px; /* 네이버 캔버스 폭 */

	/* 글쓰기 시트 — 아주 흐린 회색 바탕 위에 흰 종이 한 장.
	   집중모드에서는 좌측 관리자 메뉴가 사라져 화면이 텅 비므로,
	   글이 놓이는 자리를 눈으로 잡아 줄 경계가 필요하다. */
	--aed-shell: #f0f1f3;      /* 바깥 바탕 */
	--aed-sheet-pad: 50px;     /* 종이 좌우 여백 */
	--aed-sheet-edge: #e5e7ea; /* 종이 테두리 */

	/* 종이 폭은 **직접 적지 않는다.** 본문 폭에서 계산한다.
	   ⚠ 예전에는 795px 이 박혀 있어서 본문 폭만 바꾸면 종이가 안 따라왔다.
	     설정에서 --aed-canvas 하나만 덮어쓰면 종이도 함께 움직인다. */
	--aed-sheet: calc(var(--aed-canvas) + var(--aed-sheet-pad) * 2 + 2px);

	/* 인용구용 명조 계열 (네이버는 나눔명조 사용) */
	--aed-serif: "Nanum Myeongjo", NanumMyeongjo, "나눔명조", "Apple SD Gothic Neo",
		"AppleMyungjo", Batang, "바탕", serif;

	/* 팔레트 8색 (네이버 71색 팔레트 원색행에서 추출) */
	--aed-c1: #000000;
	--aed-c2: #555555;
	--aed-c3: #777777;
	--aed-c4: #ff0010;
	--aed-c5: #ff9300;
	--aed-c6: #54b800;
	--aed-c7: #0095e9;
	--aed-c8: #bc61ab;
}

/* ---------------------------------------------------------
   본문 타이포 (프론트: .aed-content / 에디터: .editor-styles-wrapper)
   --------------------------------------------------------- */
.aed-content,
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
	font-family: var(--aed-font);
	font-size: var(--aed-body-size);
	line-height: var(--aed-body-lh);
	color: var(--aed-c1);
	word-break: keep-all;
	overflow-wrap: break-word;
}

.aed-content p,
.editor-styles-wrapper .is-root-container > p {
	font-size: var(--aed-body-size);
	line-height: var(--aed-body-lh);
	font-weight: 400;
	margin: 0 0 1em;
	color: inherit;
}

/* 소제목 (시맨틱 H태그) */
.aed-content h2,
.editor-styles-wrapper .is-root-container > h2 {
	font-size: var(--aed-h2);
	line-height: 1.5;
	font-weight: 700;
	margin: 2em 0 0.7em;
	color: var(--aed-c1);
}

.aed-content h3,
.editor-styles-wrapper .is-root-container > h3 {
	font-size: var(--aed-h3);
	line-height: 1.5;
	font-weight: 700;
	margin: 1.6em 0 0.6em;
	color: var(--aed-c1);
}

/* 목록 */
.aed-content ul,
.aed-content ol,
.editor-styles-wrapper .is-root-container > ul,
.editor-styles-wrapper .is-root-container > ol {
	font-size: var(--aed-body-size);
	line-height: var(--aed-body-lh);
	padding-left: 1.6em;
	margin: 0 0 1em;
}

.aed-content li,
.editor-styles-wrapper .is-root-container li {
	margin-bottom: 0.2em;
	font-weight: 400;
}

/* 양끝 정렬
   WP 코어는 left/center/right 만 정의하고 justify 는 빠져 있어 직접 보완한다. */
.aed-content .has-text-align-justify,
.editor-styles-wrapper .has-text-align-justify {
	text-align: justify;
	text-justify: inter-character;
}

/* 링크 */
.aed-content a {
	color: #1a73e8;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ---------------------------------------------------------
   인라인 포맷 (글자 크기 10단계 / 글자색·배경색 71색)
   네이버 팔레트 실측값 기반. 인라인 style 대신 data 속성 + 클래스 사용
   --------------------------------------------------------- */
/* ===== 자동 생성 구간 (글자 크기 / 색상 / 배경색) ===== */
/* 글자 크기 10단계 (네이버 동일) */
.aed-size[data-aed-size="11"] { font-size: 11px; }
.aed-size[data-aed-size="13"] { font-size: 13px; }
.aed-size[data-aed-size="15"] { font-size: 15px; }
.aed-size[data-aed-size="16"] { font-size: 16px; }
.aed-size[data-aed-size="19"] { font-size: 19px; }
.aed-size[data-aed-size="24"] { font-size: 24px; }
.aed-size[data-aed-size="28"] { font-size: 28px; }
.aed-size[data-aed-size="30"] { font-size: 30px; }
.aed-size[data-aed-size="34"] { font-size: 34px; }
.aed-size[data-aed-size="38"] { font-size: 38px; }

/* 글자색 팔레트 (네이버 71색) */
.aed-color[data-aed-color="c1"] { color: #999999; }
.aed-color[data-aed-color="c2"] { color: #ffcdc0; }
.aed-color[data-aed-color="c3"] { color: #ffe3c8; }
.aed-color[data-aed-color="c4"] { color: #fff8b2; }
.aed-color[data-aed-color="c5"] { color: #e3fdc8; }
.aed-color[data-aed-color="c6"] { color: #c2f4db; }
.aed-color[data-aed-color="c7"] { color: #bdfbfa; }
.aed-color[data-aed-color="c8"] { color: #b0f1ff; }
.aed-color[data-aed-color="c9"] { color: #9bdfff; }
.aed-color[data-aed-color="c10"] { color: #fdd5f5; }
.aed-color[data-aed-color="c11"] { color: #ffb7de; }
.aed-color[data-aed-color="c12"] { color: #ffffff; }
.aed-color[data-aed-color="c13"] { color: #777777; }
.aed-color[data-aed-color="c14"] { color: #ffad98; }
.aed-color[data-aed-color="c15"] { color: #ffd1a4; }
.aed-color[data-aed-color="c16"] { color: #fff593; }
.aed-color[data-aed-color="c17"] { color: #badf98; }
.aed-color[data-aed-color="c18"] { color: #3fcc9c; }
.aed-color[data-aed-color="c19"] { color: #15d0ca; }
.aed-color[data-aed-color="c20"] { color: #28e1ff; }
.aed-color[data-aed-color="c21"] { color: #5bc7ff; }
.aed-color[data-aed-color="c22"] { color: #cd8bc0; }
.aed-color[data-aed-color="c23"] { color: #ff97c1; }
.aed-color[data-aed-color="c24"] { color: #f7f7f7; }
.aed-color[data-aed-color="c25"] { color: #555555; }
.aed-color[data-aed-color="c26"] { color: #ff5f45; }
.aed-color[data-aed-color="c27"] { color: #ffa94f; }
.aed-color[data-aed-color="c28"] { color: #ffef34; }
.aed-color[data-aed-color="c29"] { color: #98d36c; }
.aed-color[data-aed-color="c30"] { color: #00b976; }
.aed-color[data-aed-color="c31"] { color: #00bfb5; }
.aed-color[data-aed-color="c32"] { color: #00cdff; }
.aed-color[data-aed-color="c33"] { color: #0095e9; }
.aed-color[data-aed-color="c34"] { color: #bc61ab; }
.aed-color[data-aed-color="c35"] { color: #ff65a8; }
.aed-color[data-aed-color="c36"] { color: #e2e2e2; }
.aed-color[data-aed-color="c37"] { color: #333333; }
.aed-color[data-aed-color="c38"] { color: #ff0010; }
.aed-color[data-aed-color="c39"] { color: #ff9300; }
.aed-color[data-aed-color="c40"] { color: #ffd300; }
.aed-color[data-aed-color="c41"] { color: #54b800; }
.aed-color[data-aed-color="c42"] { color: #00a84b; }
.aed-color[data-aed-color="c43"] { color: #009d91; }
.aed-color[data-aed-color="c44"] { color: #00b3f2; }
.aed-color[data-aed-color="c45"] { color: #0078cb; }
.aed-color[data-aed-color="c46"] { color: #aa1f91; }
.aed-color[data-aed-color="c47"] { color: #ff008c; }
.aed-color[data-aed-color="c48"] { color: #c2c2c2; }
.aed-color[data-aed-color="c49"] { color: #141414; }
.aed-color[data-aed-color="c50"] { color: #ba0000; }
.aed-color[data-aed-color="c51"] { color: #b85c00; }
.aed-color[data-aed-color="c52"] { color: #ac9a00; }
.aed-color[data-aed-color="c53"] { color: #36851e; }
.aed-color[data-aed-color="c54"] { color: #007433; }
.aed-color[data-aed-color="c55"] { color: #00756a; }
.aed-color[data-aed-color="c56"] { color: #007aa6; }
.aed-color[data-aed-color="c57"] { color: #004e82; }
.aed-color[data-aed-color="c58"] { color: #740060; }
.aed-color[data-aed-color="c59"] { color: #bb005c; }
.aed-color[data-aed-color="c60"] { color: #9c9c9c; }
.aed-color[data-aed-color="c61"] { color: #000000; }
.aed-color[data-aed-color="c62"] { color: #700001; }
.aed-color[data-aed-color="c63"] { color: #823f00; }
.aed-color[data-aed-color="c64"] { color: #6a5f00; }
.aed-color[data-aed-color="c65"] { color: #245b12; }
.aed-color[data-aed-color="c66"] { color: #004e22; }
.aed-color[data-aed-color="c67"] { color: #00554c; }
.aed-color[data-aed-color="c68"] { color: #004e6a; }
.aed-color[data-aed-color="c69"] { color: #003960; }
.aed-color[data-aed-color="c70"] { color: #4f0041; }
.aed-color[data-aed-color="c71"] { color: #830041; }

/* 글자 배경색(형광펜) */
.aed-bg[data-aed-bg="c1"] { background-color: #999999; }
.aed-bg[data-aed-bg="c2"] { background-color: #ffcdc0; }
.aed-bg[data-aed-bg="c3"] { background-color: #ffe3c8; }
.aed-bg[data-aed-bg="c4"] { background-color: #fff8b2; }
.aed-bg[data-aed-bg="c5"] { background-color: #e3fdc8; }
.aed-bg[data-aed-bg="c6"] { background-color: #c2f4db; }
.aed-bg[data-aed-bg="c7"] { background-color: #bdfbfa; }
.aed-bg[data-aed-bg="c8"] { background-color: #b0f1ff; }
.aed-bg[data-aed-bg="c9"] { background-color: #9bdfff; }
.aed-bg[data-aed-bg="c10"] { background-color: #fdd5f5; }
.aed-bg[data-aed-bg="c11"] { background-color: #ffb7de; }
.aed-bg[data-aed-bg="c12"] { background-color: #ffffff; }
.aed-bg[data-aed-bg="c13"] { background-color: #777777; }
.aed-bg[data-aed-bg="c14"] { background-color: #ffad98; }
.aed-bg[data-aed-bg="c15"] { background-color: #ffd1a4; }
.aed-bg[data-aed-bg="c16"] { background-color: #fff593; }
.aed-bg[data-aed-bg="c17"] { background-color: #badf98; }
.aed-bg[data-aed-bg="c18"] { background-color: #3fcc9c; }
.aed-bg[data-aed-bg="c19"] { background-color: #15d0ca; }
.aed-bg[data-aed-bg="c20"] { background-color: #28e1ff; }
.aed-bg[data-aed-bg="c21"] { background-color: #5bc7ff; }
.aed-bg[data-aed-bg="c22"] { background-color: #cd8bc0; }
.aed-bg[data-aed-bg="c23"] { background-color: #ff97c1; }
.aed-bg[data-aed-bg="c24"] { background-color: #f7f7f7; }
.aed-bg[data-aed-bg="c25"] { background-color: #555555; }
.aed-bg[data-aed-bg="c26"] { background-color: #ff5f45; }
.aed-bg[data-aed-bg="c27"] { background-color: #ffa94f; }
.aed-bg[data-aed-bg="c28"] { background-color: #ffef34; }
.aed-bg[data-aed-bg="c29"] { background-color: #98d36c; }
.aed-bg[data-aed-bg="c30"] { background-color: #00b976; }
.aed-bg[data-aed-bg="c31"] { background-color: #00bfb5; }
.aed-bg[data-aed-bg="c32"] { background-color: #00cdff; }
.aed-bg[data-aed-bg="c33"] { background-color: #0095e9; }
.aed-bg[data-aed-bg="c34"] { background-color: #bc61ab; }
.aed-bg[data-aed-bg="c35"] { background-color: #ff65a8; }
.aed-bg[data-aed-bg="c36"] { background-color: #e2e2e2; }
.aed-bg[data-aed-bg="c37"] { background-color: #333333; }
.aed-bg[data-aed-bg="c38"] { background-color: #ff0010; }
.aed-bg[data-aed-bg="c39"] { background-color: #ff9300; }
.aed-bg[data-aed-bg="c40"] { background-color: #ffd300; }
.aed-bg[data-aed-bg="c41"] { background-color: #54b800; }
.aed-bg[data-aed-bg="c42"] { background-color: #00a84b; }
.aed-bg[data-aed-bg="c43"] { background-color: #009d91; }
.aed-bg[data-aed-bg="c44"] { background-color: #00b3f2; }
.aed-bg[data-aed-bg="c45"] { background-color: #0078cb; }
.aed-bg[data-aed-bg="c46"] { background-color: #aa1f91; }
.aed-bg[data-aed-bg="c47"] { background-color: #ff008c; }
.aed-bg[data-aed-bg="c48"] { background-color: #c2c2c2; }
.aed-bg[data-aed-bg="c49"] { background-color: #141414; }
.aed-bg[data-aed-bg="c50"] { background-color: #ba0000; }
.aed-bg[data-aed-bg="c51"] { background-color: #b85c00; }
.aed-bg[data-aed-bg="c52"] { background-color: #ac9a00; }
.aed-bg[data-aed-bg="c53"] { background-color: #36851e; }
.aed-bg[data-aed-bg="c54"] { background-color: #007433; }
.aed-bg[data-aed-bg="c55"] { background-color: #00756a; }
.aed-bg[data-aed-bg="c56"] { background-color: #007aa6; }
.aed-bg[data-aed-bg="c57"] { background-color: #004e82; }
.aed-bg[data-aed-bg="c58"] { background-color: #740060; }
.aed-bg[data-aed-bg="c59"] { background-color: #bb005c; }
.aed-bg[data-aed-bg="c60"] { background-color: #9c9c9c; }
.aed-bg[data-aed-bg="c61"] { background-color: #000000; }
.aed-bg[data-aed-bg="c62"] { background-color: #700001; }
.aed-bg[data-aed-bg="c63"] { background-color: #823f00; }
.aed-bg[data-aed-bg="c64"] { background-color: #6a5f00; }
.aed-bg[data-aed-bg="c65"] { background-color: #245b12; }
.aed-bg[data-aed-bg="c66"] { background-color: #004e22; }
.aed-bg[data-aed-bg="c67"] { background-color: #00554c; }
.aed-bg[data-aed-bg="c68"] { background-color: #004e6a; }
.aed-bg[data-aed-bg="c69"] { background-color: #003960; }
.aed-bg[data-aed-bg="c70"] { background-color: #4f0041; }
.aed-bg[data-aed-bg="c71"] { background-color: #830041; }

/* ---------------------------------------------------------
   인용구 2종 (네이버 default / quotation_line 복제)
   --------------------------------------------------------- */
.aed-content blockquote,
.editor-styles-wrapper blockquote.wp-block-quote {
	margin: 2.2em 0;
	padding: 0;
	border: 0;
	font-style: normal;
	background: none;
}

.aed-content blockquote p,
.editor-styles-wrapper blockquote.wp-block-quote p {
	font-size: var(--aed-quote-size);
	line-height: 1.7;
	font-weight: 400;
	margin: 0 0 0.4em;
}

.aed-content blockquote cite,
.aed-content blockquote .wp-block-quote__citation,
.editor-styles-wrapper blockquote.wp-block-quote cite,
.editor-styles-wrapper blockquote.wp-block-quote .wp-block-quote__citation {
	display: block;
	font-size: var(--aed-cite-size);
	color: var(--aed-cite-color);
	font-style: normal;
	line-height: 1.5;
}

/* 인용구 1: 따옴표형 (가운데 정렬)
   네이버 실측: 나눔명조 19px 이탈릭 가운데 */
.aed-content blockquote.is-style-aed-quote-1,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-1 {
	text-align: center;
	padding-top: 42px;
	position: relative;
}

.aed-content blockquote.is-style-aed-quote-1 p,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-1 p {
	font-family: var(--aed-serif);
	font-style: italic;
}

.aed-content blockquote.is-style-aed-quote-1::before,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-1::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 50%;
	transform: translateX(-50%);
	width: 32px;
	height: 22px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 22'%3E%3Cpath fill='%23000' d='M0 22V11.6C0 5.2 3.9.9 10.4 0l1.2 3.4C7.6 4.4 5.6 6.6 5.5 9.6H12V22H0zm20 0V11.6C20 5.2 23.9.9 30.4 0l1.2 3.4c-4 1-6 3.2-6.1 6.2H32V22H20z'/%3E%3C/svg%3E");
}

.aed-content blockquote.is-style-aed-quote-1 cite,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-1 cite {
	text-align: center;
	margin-top: 0.8em;
}

/* 인용구 2: 세로선형 (좌측 정렬) */
.aed-content blockquote.is-style-aed-quote-2,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-2 {
	border-left: 3px solid var(--aed-c1);
	padding: 4px 0 4px 20px;
	text-align: left;
}

/* 인용구 3: 말풍선형 */
.aed-content blockquote.is-style-aed-quote-3,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-3 {
	position: relative;
	background: #f7f7f7;
	border-radius: 8px;
	padding: 22px 24px;
	text-align: left;
}

.aed-content blockquote.is-style-aed-quote-3::after,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-3::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 34px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #f7f7f7;
}

/* 인용구 4: 밑줄형 */
.aed-content blockquote.is-style-aed-quote-4,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-4 {
	border-top: 2px solid var(--aed-c1);
	border-bottom: 2px solid var(--aed-c1);
	padding: 20px 0;
	text-align: center;
}

/* 인용구 5: 포스트잇형 */
.aed-content blockquote.is-style-aed-quote-5,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-5 {
	background: #fff8b2;
	padding: 24px;
	text-align: left;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.08);
}

/* 인용구 6: 모서리형 */
.aed-content blockquote.is-style-aed-quote-6,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-6 {
	position: relative;
	padding: 24px 28px;
	text-align: center;
}

.aed-content blockquote.is-style-aed-quote-6::before,
.aed-content blockquote.is-style-aed-quote-6::after,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-6::before,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-6::after {
	content: "";
	position: absolute;
	width: 34px;
	height: 34px;
}

.aed-content blockquote.is-style-aed-quote-6::before,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-6::before {
	top: 0;
	left: 0;
	border-top: 2px solid var(--aed-c1);
	border-left: 2px solid var(--aed-c1);
}

.aed-content blockquote.is-style-aed-quote-6::after,
.editor-styles-wrapper blockquote.wp-block-quote.is-style-aed-quote-6::after {
	bottom: 0;
	right: 0;
	border-bottom: 2px solid var(--aed-c1);
	border-right: 2px solid var(--aed-c1);
}

/* ---------------------------------------------------------
   구분선 2종
   --------------------------------------------------------- */
.aed-content hr,
.editor-styles-wrapper hr.wp-block-separator {
	border: 0;
	border-top: 1px solid var(--aed-hr-color);
	margin: 2.4em auto;
	height: 0;
	opacity: 1;
	background: none;
}

.aed-content hr.is-style-aed-hr-1,
.editor-styles-wrapper hr.wp-block-separator.is-style-aed-hr-1 {
	width: 100%;
}

.aed-content hr.is-style-aed-hr-2,
.editor-styles-wrapper hr.wp-block-separator.is-style-aed-hr-2 {
	width: 60px;
	border-top-color: var(--aed-c1);
}

/* 구분선 3: 점선 */
.aed-content hr.is-style-aed-hr-3,
.editor-styles-wrapper hr.wp-block-separator.is-style-aed-hr-3 {
	width: 100%;
	border-top-style: dashed;
}

/* 구분선 4: 굵은 선 */
.aed-content hr.is-style-aed-hr-4,
.editor-styles-wrapper hr.wp-block-separator.is-style-aed-hr-4 {
	width: 100%;
	border-top-width: 3px;
	border-top-color: var(--aed-c1);
}

/* 구분선 5: 이중선 */
.aed-content hr.is-style-aed-hr-5,
.editor-styles-wrapper hr.wp-block-separator.is-style-aed-hr-5 {
	width: 100%;
	border-top-style: double;
	border-top-width: 4px;
}

/* 구분선 6: 가운데 점 3개 */
.aed-content hr.is-style-aed-hr-6,
.editor-styles-wrapper hr.wp-block-separator.is-style-aed-hr-6 {
	border: 0;
	width: 100%;
	height: 6px;
	position: relative;
	background-image: radial-gradient(circle, var(--aed-c3) 2px, transparent 2.5px);
	background-size: 18px 6px;
	background-repeat: repeat-x;
	background-position: center;
	max-width: 60px;
	margin-left: auto;
	margin-right: auto;
}

/* 구분선 7: 연한 회색 굵은 띄 */
.aed-content hr.is-style-aed-hr-7,
.editor-styles-wrapper hr.wp-block-separator.is-style-aed-hr-7 {
	border: 0;
	width: 100%;
	height: 8px;
	background: #f2f2f2;
}

/* 구분선 8: 짧은 굵은 가운데 선 */
.aed-content hr.is-style-aed-hr-8,
.editor-styles-wrapper hr.wp-block-separator.is-style-aed-hr-8 {
	width: 36px;
	border-top-width: 4px;
	border-top-color: var(--aed-c1);
}

/* ---------------------------------------------------------
   이미지 / 동영상
   --------------------------------------------------------- */
.aed-content figure.wp-block-image,
.editor-styles-wrapper figure.wp-block-image {
	margin: 2em 0;
}

.aed-content figure.wp-block-image img {
	max-width: 100%;
	height: auto;
	display: block;
}

.aed-content figcaption,
.editor-styles-wrapper figcaption {
	font-size: var(--aed-cite-size);
	color: var(--aed-cite-color);
	text-align: center;
	margin-top: 0.7em;
	line-height: 1.5;
}

.aed-video,
.wp-block-aed-video {
	margin: 2em 0;
	position: relative;
	width: 100%;
}

.aed-video iframe,
.wp-block-aed-video iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	min-height: 200px;
	border: 0;
	background: #000;
	border-radius: 4px;
}

.aed-video-fallback {
	padding: 14px 16px;
	border: 1px solid var(--aed-hr-color);
	border-radius: 4px;
	word-break: break-all;
}

/* ── 이미지 크기·정렬 ────────────────────────────────────────
   네이버식으로 **본문 폭 대비 비율**이다.
   ⚠ 예전에는 미니툴바가 sizeSlug 만 바꿨는데, core/image 는 <img src> 를
     url 속성으로 그리므로 클래스만 붙고 크기는 하나도 안 변했다.
     그래서 정렬 버튼도 의미가 없었다 — 늘 100% 폭이라 옮길 자리가 없었으니까.
   에디터 캔버스와 프론트에 같이 적용된다(이 파일이 양쪽에 들어간다). */
.aed-content figure.wp-block-image,
.editor-styles-wrapper figure.wp-block-image { max-width: 100%; }

.aed-content figure.aed-img-sm,
.editor-styles-wrapper figure.aed-img-sm { max-width: 40%; }

.aed-content figure.aed-img-md,
.editor-styles-wrapper figure.aed-img-md { max-width: 70%; }

.aed-content figure.aed-img-lg,
.editor-styles-wrapper figure.aed-img-lg { max-width: 100%; }

/* 원본 — 파일이 가진 크기 그대로, 다만 본문을 넘지는 않는다 */
.aed-content figure.aed-img-full,
.editor-styles-wrapper figure.aed-img-full { max-width: 100%; width: max-content; }

.aed-content figure.wp-block-image img,
.editor-styles-wrapper figure.wp-block-image img { width: 100%; height: auto; }

.aed-content figure.aed-img-full img,
.editor-styles-wrapper figure.aed-img-full img { width: auto; max-width: 100%; }

/* 정렬 — 크기가 100% 보다 작을 때 비로소 뜻이 생긴다 */
.aed-content figure.wp-block-image,
.editor-styles-wrapper figure.wp-block-image { margin-left: 0; margin-right: auto; }

.aed-content figure.aligncenter,
.editor-styles-wrapper figure.aligncenter { margin-left: auto; margin-right: auto; }

.aed-content figure.alignright,
.editor-styles-wrapper figure.alignright { margin-left: auto; margin-right: 0; }

.aed-content figure.alignleft,
.editor-styles-wrapper figure.alignleft { margin-left: 0; margin-right: auto; }