/* 自定义页面宽度 - 让内容区域更宽 */
.md-main__inner {
  max-width: none;
}

.md-content {
  max-width: 1200px;
  margin: 0 auto;
}

/* 响应式设计 - 在小屏幕上保持合理的边距 */
@media screen and (max-width: 1240px) {
  .md-content {
    max-width: calc(100% - 40px);
    margin: 0 20px;
  }
}

/* 确保代码块也能利用更宽的空间 */
.md-content .highlight {
  margin: 1em 0;
}

.md-content pre {
  overflow-x: auto;
}