/* =========================================================
   Summernote 렌더링 기본 보정
   - 에디터가 생성한 마크업을 화면 폭에 맞게 안전하게 표시
   - 레이아웃 깨짐(이미지/iframe/테이블 overflow) 방지
   ========================================================= */

.summernote-page {
    padding: var(--spacing-10) var(--container-padding);
}

.summernote-page__header {
    margin-bottom: var(--spacing-6);
}

.summernote-page__title {
    font-size: var(--font-size-3xl);
    font-weight: 800;
    color: var(--color-gray-900);
}

.summernote-page__divider {
    margin-top: var(--spacing-6);
    border: 0;
    border-top: 1px solid var(--color-gray-200);
}

.summernote-content img {
    max-width: 100%;
    height: auto;
}

.summernote-content iframe {
    max-width: 100%;
}

.summernote-content table {
    width: 100%;
    border-collapse: collapse;
}

/* 본문 가독성 보정: 기본 마진이 없는 HTML이 들어와도 읽기 쉬운 간격 유지 */
.summernote-content p {
    margin: 0 0 12px;
}

.summernote-content h1,
.summernote-content h2,
.summernote-content h3 {
    margin: 24px 0 12px;
}

.summernote-content ul,
.summernote-content ol {
    padding-left: 20px;
    margin: 0 0 12px;
}