/* ────────────────────────────────────────────────────────────
   CKEditor 5 로 쓴 본문의 기본 서식.

   CKEditor 기준을 그대로 따른다 (ckeditor5-content.css + 브라우저 기본값).
   여기서는 CKEditor 가 열어 둔 변수(--ck-content-*)로 사이트 글꼴·크기만 맞춘다.
   관리자 편집화면과 사용자 상세페이지가 이 파일을 함께 읽어 같은 모양으로 보인다.

   읽는 순서: editor-isolate.css → ckeditor5-content.css → 이 파일
   ⚠ SunEditor 글에는 이 파일을 읽지 않는다 (서로 CSS 가 섞이지 않게).
   ──────────────────────────────────────────────────────────── */

.bp-ed-ck {
	--ck-content-font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--ck-content-font-size: 16px;
	--ck-content-font-color: #1c1c1c;
	--ck-content-line-height: 1.7;
	word-break: break-word;
}

/* 본문 폭을 넘는 이미지·영상·표는 상자 안으로 줄인다 (크기를 지정한 경우에도 넘치지 않게) */
.bp-ed-ck img,
.bp-ed-ck video,
.bp-ed-ck iframe { max-width: 100%; }
.bp-ed-ck img,
.bp-ed-ck video { height: auto; }
.bp-ed-ck figure.table { max-width: 100%; overflow-x: auto; }

/* 업로드한 영상(<video>) — 문단 안에 들어가므로 블록으로 세운다 */
.bp-ed-ck video { display: block; margin: .9em auto; }

/* 링크로 넣은 유튜브 등(미디어 임베드) — 16:9 상자 유지 */
.bp-ed-ck .media { max-width: 100%; }

@media (max-width: 720px) {
	.bp-ed-ck { --ck-content-font-size: 15px; }
}