@media (min-width: 768px) and (max-width: 999px) {
  .post-main {
    padding: 44px 0 64px;
  }

  .post-article {
    width: min(100% - 56px, 900px);
  }

  .post-breadcrumb {
    margin-bottom: 24px;
  }

  .post-title {
    max-width: 700px;
    font-size: 52px;
  }

  .post-summary {
    max-width: 660px;
    font-size: 17px;
  }

  .post-meta {
    flex-wrap: wrap;
    row-gap: 12px;
    font-size: 14px;
  }

  .post-hero-media {
    margin-top: 34px;
    border-radius: 16px;
  }

  .post-content {
    margin-top: 42px;
  }

  .post-heading {
    font-size: 27px;
  }

  .post-section p,
  .post-callout p,
  .post-quote p,
  .post-list {
    font-size: 17px;
  }

  .post-quote p {
    font-size: 22px;
  }

  .post-actions {
    grid-template-columns: 1fr;
    gap: 24px;
    justify-items: center;
  }

  .post-share {
    justify-content: center;
  }

  .post-neighbors {
    width: 100%;
    border-left: 0;
    border-top: 1px solid rgba(58, 62, 87, 0.14);
  }

  .post-site-footer {
    padding: 26px 28px;
  }
}