/* 공개 본문과 관리자 미리보기가 공유하는 마크다운 스타일이다. */
.markdown-body { line-height: 1.85; overflow-wrap: anywhere; }
.markdown-body h1, .markdown-body h2, .markdown-body h3 { margin: 1.5em 0 .6em; line-height: 1.35; }
/* #, ## 제목은 참고 시안처럼 하늘색 띠로 감싼다. 관리자 미리보기도 같은 파일을 쓰므로 색은 변수 없이 직접 지정한다. */
.markdown-body h1, .markdown-body h2 { font-weight: 600; margin: 1.2em 0 .8em; padding: .45em .8em; background: #3b7fae; color: #fff; border-radius: 3px; }
.markdown-body h1 { font-size: 1.4em; }
.markdown-body h2 { font-size: 1.2em; }
.markdown-body h1:first-child, .markdown-body h2:first-child { margin-top: 0; }
.markdown-body h1 a, .markdown-body h2 a { color: inherit; }
.markdown-body h3 { font-size: 1.25em; }
.markdown-body p { margin: 0 0 1em; }
.markdown-body a { color: #225bd6; text-decoration: underline; text-underline-offset: 3px; }
.markdown-body ul, .markdown-body ol { padding-left: 1.8em; }
.markdown-body blockquote { border-left: 3px solid #225bd6; margin: 1em 0; padding: .2em 1.2em; }
.markdown-body pre { white-space: pre; overflow-x: auto; padding: 18px; background: #eff0ec; color: #202824; border-radius: 4px; }
.markdown-body code { font-family: ui-monospace, monospace; font-size: .9em; }
.markdown-body :not(pre) > code { background: #eff0ec; color: #202824; padding: 2px 5px; }
.markdown-body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 20px 0; }
.markdown-body th, .markdown-body td { border: 1px solid #cbd0c9; padding: 8px 12px; }
/* 너비를 강제로 늘리거나 고정 높이로 자르지 않는다. 원본 파일을 그대로 읽는다. */
.markdown-body img { display: block; width: auto; max-width: 100%; height: auto; max-height: none; object-fit: contain; margin: 20px 0; }
.markdown-body hr { border: 0; border-top: 1px solid #dddfd6; margin: 28px 0; }

/* 관리자 기본 스타일에서도 목록 기호가 사라지지 않도록 명시한다. */
.markdown-body ul { list-style-type: disc; }
.markdown-body ol { list-style-type: decimal; }
.markdown-body ul > li { list-style-type: disc; }
.markdown-body ol > li { list-style-type: decimal; }
.markdown-body ul ul > li { list-style-type: circle; }
.markdown-body li { display: list-item; margin: .25em 0; }

/* 동영상은 원본 비율로 표시하고 재생은 방문자가 직접 시작한다. */
.markdown-body video { display: block; max-width: 100%; width: auto; height: auto; margin: 20px 0 8px; background: #111; }
.markdown-body .video-original { display: inline-block; font-size: 12px; margin-bottom: 20px; }