/* ============================================================
   article-left.css —— 文章排版：**版心居中，段内文字左对齐**
   ------------------------------------------------------------
   这是站主明确要的效果：正文主体在页面中间，但每一行字不居中。

   为什么要单独一个文件、而不是写进 style.css：
   站内其它文本块（首页介绍区、关于页）本来就是居中排版，
   只有文章正文需要盖掉那个 text-align: center。集中在一个文件里，
   想改回"每行也居中"时删掉 index.html 里那一行 <link> 即可。

   加载顺序很重要：必须在 /style.css **之后**，靠同特异性覆盖。
   ============================================================ */

/* 版心本身仍由 .post__body 的 max-width + margin-inline: auto 居中，
   这里只把块内的文字对齐改回左对齐。
   正文里几个块（ul / pre / blockquote）在 style.css 里已经是左对齐，
   这里补上 p 与 h2 —— 它们是靠继承上一级 text-align 的。 */
.post__body,
.post__body p,
.post__body h2 {
  text-align: left;
}

/* 标题块（日期 + 标题 + 摘要）也跟着左对齐：
   摘要 .post__lede 在 .post__head 里，若只改正文会出现
   「标题居中、正文左对齐」的不一致观感。 */
.post__head {
  text-align: left;
}

/* 代码块按内容宽度居中，不要拉满整行 —— 短代码被拉成长条很难看。
   max-width: 100% 保证长代码仍可在版心内横向滚动。 */
.post__body pre {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}