/* 작성 본문과 저장 본문에 같은 기준을 적용한다. 저장된 인라인 서식은 유지한다. */
:is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content){
  font-family:"Noto Sans KR",Arial,"Malgun Gothic","Apple SD Gothic Neo",sans-serif;
  font-size:14px!important;
  line-height:1.7;
  letter-spacing:normal;
  text-align:left;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overflow-wrap:break-word;
}
:is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content) :is(p,li,td,th){
  line-height:inherit;
}
:is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content) p{
  margin:0 0 1em;
}
:is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content) :is(h1,h2,h3,h4,h5,h6){
  line-height:1.35;
  margin:1em 0 .5em;
  font-weight:700;
}
:is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content) h1{font-size:2em}
:is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content) h2{font-size:1.5em}
:is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content) h3{font-size:1.17em}
:is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content) h4{font-size:1em}
:is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content) h5{font-size:.83em}
:is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content) h6{font-size:.67em}
@media print{
  :is(article.document,article.document-detail,.draft-modal-document,.forms-preview){font-size:14px!important}
}

/* 본문은 화면 폭에 맞추고, 표만 독립적으로 가로 스크롤한다. */
@media(max-width:760px){
  :is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content){
    min-width:0;max-width:100%;
    word-break:normal;overflow-wrap:break-word;
  }
  :is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content) :is(h1,h2,h3,h4,h5,h6){
    word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;
  }
  :is(.itda-editor .ck-content,article.document,article.document-detail,.draft-modal-document,.forms-preview,.content-template-picker .ck-content) img{max-width:100%;height:auto}
  body .itda-document-table-scroll,
  body .itda-editor .ck-content figure.table{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
    overflow-x:auto!important;overflow-y:visible;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    touch-action:auto;
  }
  body .itda-document-table-scroll>table,
  body .itda-editor .ck-content figure.table>table{
    display:table!important;max-width:none!important;
    min-width:var(--itda-document-table-min,100%)!important;
    border-collapse:collapse;
  }
  body .itda-document-table-scroll>table :is(th,td),
  body .itda-editor .ck-content figure.table>table :is(th,td){
    word-break:normal;overflow-wrap:break-word;
  }
  .itda-document-table-hint{display:block;margin:5px 0 12px;font-size:12px;color:#64748b;line-height:1.5}
  .itda-document-table-hint[hidden]{display:none!important}
}
@media(min-width:761px){.itda-document-table-hint{display:none!important}}
@media print{
  .itda-document-table-hint{display:none!important}
  body .itda-document-table-scroll{overflow:visible!important;max-width:none!important}
  body .itda-document-table-scroll>table{min-width:0!important}
}

/* 템플릿 모달만 고정 문서 폭으로 축소: 작성/조회 화면은 반응형 유지. */
body .content-template-picker .template-preview-scroll{max-height:510px;overflow-y:auto;overflow-x:hidden;background:#f8fafc;padding:12px}
body .content-template-picker .template-preview-viewport{position:relative;width:100%;overflow:hidden;min-height:0;background:#fff}
body .content-template-picker .template-preview-paper{
  box-sizing:content-box!important;width:720px!important;min-width:720px!important;max-width:720px!important;
  padding:24px!important;margin:0!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;background:#fff;transform-origin:top left;
}
body .content-template-picker .template-preview-paper table{display:table!important;max-width:none!important}
body .content-template-picker .template-preview-paper figure.table{display:table!important;overflow:visible!important;max-width:100%!important}
@media(max-width:760px){body .content-template-picker .template-preview-scroll{max-height:380px;padding:8px}}

body .ck .itda-font-button .ck-button__label{display:inline-block!important;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .ck .itda-font-panel .ck-list{max-height:min(52vh,360px)!important;overflow-y:auto!important;overflow-x:hidden;min-width:230px}