/* 레거시 화면과 본문 글꼴을 맞춘다.
 * ckeditor5.css 가 .ck-content 에 Helvetica/Arial, 16px, #000 을 지정하는데, 레거시는 이 파일을 쓰지 않아
 * main.min.css 의 `.ck-content{font-size:.8rem}` 와 본문 글꼴(시스템 글꼴)이 그대로 적용됐다.
 * 에디터 CSS 가 쓰는 변수를 .ck-content 요소에 직접 지정하면 CSS 파일 로드 순서와 상관없이 이긴다. */
.ck-content {
  --ck-content-font-family: var(--bs-body-font-family);
  --ck-content-font-size: .8rem;
  --ck-content-font-color: var(--bs-body-color);
}

/* 에디터에서 본문보다 넓게(예: width:151.72%) 만든 표가 카드 밖으로 삐져나가지 않게 한다.
 * 레거시 화면은 이런 표도 본문 폭 안에 맞춰 보여 준다(열 폭은 colgroup 비율대로 줄어든다). */
.ck-content figure.table {
  max-width: 100%;
}

/* 첨부 드롭 상자: 레거시(write.php·view.php)처럼 아이콘 아래 줄에 문구가 오게 한다(strong 이 한 줄을 차지) */
#uploadSection .upload-box button.btn-upload strong { display: block; font-size: 1.2em; }
#uploadSection .upload-box button.btn-upload small { display: block; font-size: .8em; color: #777; }