@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@media print {
	body {
		margin: 0 !important;
	}
}

.main-container {
	font-family: 'Lato';
	width: 100%;
}

.ck-content {
	font-family: 'Lato';
	line-height: 1.6;
	word-break: break-word;
}

.editor-container_classic-editor .editor-container__editor {
	min-width: unset;
	width: 100%;
}

.editor_container__word-count .ck-word-count {
	color: var(--ck-color-text);
	display: flex;
	height: 20px;
	gap: var(--ck-spacing-small);
	justify-content: flex-end;
	font-size: var(--ck-font-size-base);
	line-height: var(--ck-line-height-base);
	font-family: var(--ck-font-face);
	padding: var(--ck-spacing-small) var(--ck-spacing-standard);
}

.editor-container_include-word-count.editor-container_classic-editor .editor_container__word-count {
	border: 1px solid var(--ck-color-base-border);
	border-radius: var(--ck-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: none;
}

.editor-container_include-word-count.editor-container_classic-editor .editor-container__editor .ck-editor .ck-editor__editable {
	border-radius: 0;
}

.ck-content {
    min-height: 1000px;
}

.dynamic-editor-wrapper .ck-content {
    min-height: 150px;
}
.ck-content :is(h1, h2, h3, h4, h5, h6, ul, ol, li, a, strong) { all: revert }

/* ===== 표 모바일 대응 (한글/워드에서 복사된 표 포함) ===== */
/* CKEditor 네이티브 표(figure.table)는 가로 스크롤 컨테이너로 */
.ck-content figure.table {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
    /* figure로 감싸지지 않은 표도 표 자체를 가로 스크롤 가능하게 */
    .ck-content table {
        display: block;
        width: max-content;
        max-width: none;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    /* 인라인으로 박힌 7pt 등 과소 폰트를 읽을 수 있는 크기로 보정 */
    .ck-content table :is(span, p, td, th) {
        font-size: 12px !important;
        line-height: 1.45 !important;
    }
    .ck-content table :is(td, th) {
        padding: 5px 7px !important;
        white-space: nowrap;
    }
}
