article {
  height: calc(100% - 56px);
  width: var(--article-width);
  position: absolute;
  bottom: 0;
  right: calc((100vw - var(--article-width)) / 2);
  overflow: auto;
  padding: 16px;

  font-family: var(--article-font);
  background: var(--bg-0);

  transition: right 0.4s ease;

  line-height: 1.7;
}

article :first-child:not(h3, h2) {
  margin-top: 0;
}

article :is(h1, h2, h3, h4, h5, h6)::after {
  content: '';
  display: block;
  background: var(--border);
  height: 1px;
  margin-top: 2px;
}