/**
 * 用途
 * - 微调 pandoc 输出的 html 样式
 * 
 * 修改点
 * - 设置内容最大宽度
 * - 一级标题居中
 * - 图片支持自适应缩放、页脚调整
 * - 引用样式调整
 * - 代码块缩进
 */

body {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

h1 {
    text-align: center;
}

figure {
    margin: 16px;
}

figure img {
    max-width: 100%;
    height: auto;
}

figure figcaption {
    text-align: center;
    color: #666;
    font: smaller sans-serif;
}

blockquote {
  margin: .5em;
  border-radius: 5px;
  font-style: italic;
}

blockquote p::before {
  content: "\201C";
}

blockquote p::after {
  content: "\201D";
}

blockquote + p {
  text-align: right;
}

div.sourceCode {
  background-color: #eee;
}

pre.sourceCode {
  margin: 1em;
}

body {
  font-family: Optima, Candara, Calibri, Arial, sans-serif;
}

ol {
  padding-inline-start: 1em;
  
}

ol li {
  margin-bottom: .2em;
}

@media (max-width: 480px) {
  p {
    text-align: left;       /* 放弃两端对齐，改用左对齐，解决古怪空格 */
    line-height: 1.75;      /* 稍微拉开行高，让呼吸感更强 */
    word-break: break-word; /* 允许长单词换行 */
  }
}