.article-body img[data-width] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.article-body [data-align="left"] { text-align: left; }
.article-body [data-align="center"] { text-align: center; }
.article-body [data-align="right"] { text-align: right; }
.article-body [data-align="justify"] { text-align: justify; }
.article-body [data-indent="1"] { margin-left: 2em; }
.article-body [data-indent="2"] { margin-left: 4em; }
.article-body [data-indent="3"] { margin-left: 6em; }
.article-body figure[data-align="left"] img { display: block; margin-left: 0; margin-right: auto; }
.article-body figure[data-align="center"] img { display: block; margin-left: auto; margin-right: auto; }
.article-body figure[data-align="right"] img { display: block; margin-left: auto; margin-right: 0; }
.article-body figure[data-align="left"] figcaption { text-align: left; }
.article-body figure[data-align="right"] figcaption { text-align: right; }

.reading-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  height: 2px;
  overflow: hidden;
  pointer-events: none;
}

.reading-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: #126232;
  box-shadow: 0 0 5px rgb(31 122 58 / 28%);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 80ms linear;
  will-change: transform;
}