.md .article-footer
  margin-top: 4rem
  padding: 1rem
  background: var(--block)
  border-radius: $border-block
  border: 1px solid var(--block-border)
  .header
    font-weight: 500
    color: var(--text-p3)
    margin-bottom: 0.75rem
    font-size: 1.25rem
  .body
    input.copy-area
      margin: 0.75rem 0
      width: 100%
      font-family: $ff-code
      font-size: $fs12
    p
      font-size: $fs14
      color: var(--text-p2)
      margin: 1em 0
      a
        font-weight: 400
    ul
      margin: 0
      overflow: hidden
      a:hover
        text-decoration: underline
    .post-title
      margin: 0.5rem 0
      line-height: 1.2
      font-size: $fs14
      word-break: break-all
  section+section
    margin-top: 1rem
    padding-top: 1rem
    border-top: 1px solid var(--block-border)

.md .article-footer .social-wrap
  grid-gap: $gap * 0.25 $gap * 0.5
  grid-template-columns: repeat(auto-fill, 40px)
  margin-bottom: 0.5rem
  a.social
    padding: 8px

.md .article-footer .qrcode
  margin: 2rem auto 1rem
  width: 128px
  img
    object-fit: contain

.md .article-footer .qrcode.display
  display: block !important