/* 글 본문 스타일. 공개 블로그 화면과 관리자 에디터가 같이 써서 "쓰는 모양 = 보이는 모양" 이 되게 한다.
   디자인 시안(templates/wise-blog.html)의 본문 모양을 따름. */
.prose{font-size:16px;line-height:1.8;color:#2b3440;overflow-wrap:anywhere}
.prose>*:first-child{margin-top:0}
.prose p{margin:0 0 18px}
.prose h2{position:relative;margin:44px 0 16px;padding-left:16px;font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.45;color:#16181b}
.prose h2::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:3px;border-radius:2px;background:#16181b}
.prose h3{margin:32px 0 12px;font-size:18px;font-weight:700;letter-spacing:-.025em;color:#16181b}
.prose a{color:#3d5870;text-decoration:underline;text-underline-offset:3px}
.prose strong{font-weight:700;color:#16181b}
.prose mark{background:#fff3a3;color:inherit;padding:0 2px;border-radius:3px}
.prose ul{margin:0 0 20px;padding-left:22px}
.prose ul li{margin:6px 0}
/* 번호 목록: 시안의 '준비 순서' 박스 모양 */
.prose ol{counter-reset:step;list-style:none;margin:0 0 24px;padding:0;border-radius:14px;background:#f6f8fa;overflow:hidden}
.prose ol>li{counter-increment:step;position:relative;padding:15px 18px 15px 62px;border-bottom:1px solid #e9edf1;font-size:15px}
.prose ol>li:last-child{border-bottom:0}
.prose ol>li::before{content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:15px;font-size:13px;font-weight:700;color:#7d97ae;font-variant-numeric:tabular-nums}
.prose blockquote{margin:0 0 22px;padding:16px 20px;border-left:3px solid #b0a27a;background:#faf8f2;border-radius:0 12px 12px 0;color:#4a5562}
.prose blockquote p:last-child{margin-bottom:0}
.prose figure{margin:28px 0}
.prose img{display:block;max-width:100%;height:auto;border-radius:12px;margin:0 auto}
.prose figcaption{margin-top:8px;font-size:13px;color:#8a96a2;text-align:center}
.prose hr{border:0;border-top:1px solid #e3e8ee;margin:36px 0}
.prose pre{background:#16202b;color:#e9eef4;padding:16px 18px;border-radius:12px;overflow:auto;font-size:13.5px}
.prose code{font-family:ui-monospace,Consolas,monospace;font-size:.92em}
.prose table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:14.5px}
.prose th,.prose td{border:1px solid #e3e8ee;padding:10px 12px;text-align:left;vertical-align:top}
.prose th{background:#f6f8fa;font-weight:700}
.prose th p,.prose td p{margin:0}  /* 에디터가 칸마다 <p> 로 감싸서 칸 아래가 비던 것 */
.prose th p+p,.prose td p+p{margin-top:6px}
.prose .align-center{text-align:center}
.prose .align-right{text-align:right}