/* ────────────────────────────────────────────────────────────
   본문 격리 — 사이트 공통 CSS 가 에디터 본문 안쪽을 건드리지 못하게 한다.

   문제
     beau.css 의  * { margin:0; padding:0; font-family:Pretendard }  가 본문의 "모든 요소"에 걸려
       · 문단에 글꼴을 지정해도 그 안의 굵은 글씨·링크는 다시 Pretendard 로 돌아가고
       · 목록 들여쓰기·인용·문단 여백이 0 이 됐다.
     관리자 화면은 bpadm CSS, 사용자 화면은 beau/peak CSS 가 각각 다르게 끼어들어
     같은 글이 화면마다 다르게 보였다.

   방법
     본문 상자(.bp-ed) 안의 요소는 사이트 CSS 를 모두 되돌리고(all: revert → 브라우저 기본값),
     그 위에 "고른 에디터의 CSS" 와 에디터가 넣은 인라인 서식만 적용되게 한다.
       · 이 규칙의 우선순위는 .bp-ed 한 단계(클래스 1개)다.
         태그·* 로 거는 사이트 규칙은 모두 이기고, 에디터 CSS(.sun-editor-editable p, .ck-content p …)에는 진다.
       · 그래서 이 파일은 에디터 CSS 보다 "먼저" 읽어야 한다. (같은 우선순위면 뒤에 온 에디터 CSS 가 이긴다)
       · 인라인 style(글꼴·크기·색 등 에디터가 넣은 서식)은 원래 모든 규칙보다 우선한다.

   ⚠ CKEditor 편집 화면 안에는 위젯 손잡이·삽입 버튼 같은 에디터 UI 가 함께 들어 있다.
      그 UI 는 되돌리면 안 되므로 제외한다. (:where 로 감싸 우선순위는 그대로 클래스 1개)
   ──────────────────────────────────────────────────────────── */

.bp-ed :where(*:not(
	.ck-widget__type-around, .ck-widget__type-around *,
	.ck-widget__resizer, .ck-widget__resizer *,
	.ck-widget__selection-handle, .ck-widget__selection-handle *,
	.ck-fake-selection-container, .ck-fake-selection-container *,
	.ck-table-column-resizer,
	.ck-upload-placeholder-loader, .ck-upload-placeholder-loader *,
	.ck-image-upload-complete-icon, .ck-image-upload-complete-icon *,
	.ck-media__placeholder, .ck-media__placeholder *,
	.ck-placeholder
)) {
	all: revert;
}

/* 상세페이지 — 본문 상자는 .detail-text(사이트 레이아웃) 안에 들어간다.
   .detail-text 가 flex 라서, 넓은 표·이미지가 상자를 밀어내지 않도록 폭을 잡아 둔다. */
.detail-text > .bp-ed {
	display: block;
	width: 100%;
	min-width: 0;
}