/* 文章页正文加宽，保留单侧目录栏 */

@media (min-width: 992px) {
  main > .container-fluid.nopadding-x > .row.nomargin-x {
    max-width: min(96vw, 1680px);
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center;
  }

  main > .container-fluid.nopadding-x > .row.nomargin-x > .side-col:not(:has(.sidebar)) {
    display: none !important;
  }

  main > .container-fluid.nopadding-x > .row.nomargin-x > .side-col:has(.sidebar) {
    flex: 0 0 280px;
    max-width: 280px;
  }

  main > .container-fluid.nopadding-x > .row.nomargin-x:has(> .side-col .sidebar) > .col-lg-8.nopadding-x-md {
    flex: 0 1 min(1180px, calc(100% - 280px));
    max-width: min(1180px, calc(100% - 280px));
  }

  main > .container-fluid.nopadding-x > .row.nomargin-x:not(:has(> .side-col .sidebar)) > .col-lg-8.nopadding-x-md {
    flex: 0 1 min(1240px, 100%);
    max-width: min(1240px, 100%);
  }

  main #board-ctn.container {
    max-width: 100% !important;
  }

  main .post-content.mx-auto {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.post-content {
  padding-left: clamp(1.25rem, 3vw, 2.5rem) !important;
  padding-right: clamp(1.25rem, 3vw, 2.5rem) !important;
}

@media (max-width: 767px) {
  .post-content {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* Mermaid 图表优化：减少空白，允许横向滚动 */

.markdown-body pre:has(.mermaid) {
  padding: 0.75rem 0.5rem !important;
  margin: 0.5rem 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  background-color: var(--board-bg-color) !important;
}

.markdown-body pre .mermaid {
  display: inline-block;
  min-width: 100%;
  text-align: center;
}

.markdown-body pre .mermaid > svg {
  min-width: max-content;
  width: auto;
  max-width: none;
  height: auto;
  max-height: 600px;
  display: inline-block;
}

@media (max-width: 767px) {
  .markdown-body pre:has(.mermaid) {
    padding: 0.5rem 0.25rem !important;
  }
  
  .markdown-body pre .mermaid > svg {
    max-height: 400px;
  }
}