@media (max-width: 999px) and (min-width: 768px) {
  .legal-main {
    padding: 48px 0 76px;
  }

  .legal-article {
    width: min(840px, calc(100% - 56px));
  }

  .legal-title {
    font-size: 58px;
  }

  .legal-summary {
    font-size: 17px;
  }

  .legal-meta {
    flex-wrap: wrap;
    row-gap: 14px;
  }

  .legal-highlight {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 32px;
  }

  .legal-facts {
    grid-template-columns: 1fr 1fr;
  }

  .legal-content {
    width: min(760px, 100%);
    margin-top: 48px;
  }
}