/* =====================================================
   External CSS
   作用：
   1. 隐藏 Pure.css 侧边栏（pure-u-1-4）
   2. 主内容从 3/4 → 100%
   3. 文章区域居中显示
   ===================================================== */


/* ===== 1️⃣ 隐藏侧边栏 ===== */
.pure-u-1-4.hidden_mid_and_down {
  display: none !important;
}


/* ===== 2️⃣ 主内容占满宽度（Pure.css 栅格修正） ===== */
.pure-u-3-4 {
  width: 100% !important;
}


/* 兼容 md / lg 等 Pure 栅格写法 */
[class*="pure-u-"][class*="3-4"] {
  width: 100% !important;
}


/* ===== 3️⃣ 解除 float / inline-block 布局影响 ===== */
.pure-u-3-4,
[class*="pure-u-"][class*="3-4"] {
  float: none !important;
  display: block !important;
  margin: 0 auto !important;
}


/* ===== 4️⃣ 文章内容容器居中（主题通吃） ===== */
#post,
.post,
.post-container,
.article,
.article-container,
#primary,
#content {
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ===== 5️⃣ 可选：限制文章最大宽度（像 Medium） ===== */
/* 不想限制可以整段删掉 */
.post,
.post-container,
.article-container {
  max-width: 960px;
}


/* ===== 6️⃣ 防止父级仍为 flex 布局 ===== */
.layout,
#layout,
.content-wrapper {
  display: block !important;
}