/* Align article text and media on the same wider desktop column. */
@media screen and (min-width: 800px) {
  :root body.inner.blog-article-page main .wrap.blog-index {
    width: min(880px, calc(100% - 48px));
  }
  :root body.inner.blog-article-page .blog-body > figure {
    margin-inline: 0;
  }
  :root body.inner.blog-article-page .blog-body > :is(p, ul, ol, blockquote),
  :root body.inner.blog-article-page .blog-article-head h1 {
    max-width: none;
  }
  :root body.inner.blog-article-page main {
    --reading-ground: 1140px;
  }
}