/* 前台正文与后台预览使用同一套排版。 */
.md-content { color:#273d45; font-size:15px; line-height:1.9; overflow-wrap:anywhere; }
.md-content :is(h2,h3,h4) { display:flex; align-items:center; gap:12px; margin:30px 0 16px; padding-bottom:12px; border-bottom:1px solid #dedbd2; font:700 21px/1.5 Georgia,"Noto Serif SC",serif; color:#183a41; }
.md-content .md-number { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; width:32px; height:32px; color:white; background:#cc6a32; font:700 15px/1 sans-serif; }
.md-content p { margin:12px 0; }
.md-content ul,.md-content ol { padding-left:24px; }
.md-content blockquote { margin:20px 0; padding:12px 20px; border-left:3px solid #37796c; background:#eff4ef; }
/* 表格：滚动条放在外层容器上，table 自己保持 display:table。
   早期写法是给 table 加 display:block + overflow-x:auto，结果表格退出表格布局算法、
   单元格宽度按内容计算，表格不再撑满容器（实测 714px 容器里只占 328px）。
   正确的做法是「容器滚动、表格照常布局」。 */
.md-content .md-table-wrap { margin:20px 0; overflow-x:auto; }
.md-content table { width:100%; min-width:100%; border-collapse:collapse; margin:0; }
.md-content th,.md-content td { padding:10px 14px; border:1px solid #dedbd2; text-align:left; }
.md-content th { background:#f1f1e9; font-weight:700; }
.md-content pre { overflow-x:auto; padding:18px; background:#18343c; color:#f3f1e9; border-radius:3px; }
.md-content pre code { white-space:pre; background:none; color:inherit; }
.md-content code { font-family:Consolas,monospace; font-size:.9em; }
.md-content .md-faq { padding:14px 20px; margin:20px 0; border-left:3px solid #cc6a32; background:#f6f4ed; }
.md-content .md-faq p { color:#627077; margin-bottom:0; }
.editor-assist { margin-bottom:20px; padding:14px; border:1px solid #dedbd2; }
.editor-assist summary { cursor:pointer; font-weight:700; }
.editor-assist textarea { width:100%; margin:12px 0; }

/* 窄屏：正文字号与序号方块同步缩小，避免手机端标题被序号挤成两行。 */
@media (max-width:720px) {
  .md-content { font-size:14px; }
  .md-content :is(h2,h3,h4) { gap:9px; margin:24px 0 12px; padding-bottom:10px; font-size:18px; }
  .md-content .md-number { width:26px; height:26px; font-size:13px; }
  .md-content pre { padding:14px; }
}