.legal-page {
  --legal-page-width: 880px;
  --legal-page-padding: clamp(22px, 5vw, 56px);
  width: min(var(--legal-page-width), calc(100% - 32px));
  margin: clamp(28px, 7vh, 80px) auto;
  padding: var(--legal-page-padding);
  border: 1px solid rgb(255 255 255 / 12%);
  border-radius: 16px;
  background: rgb(0 0 0 / 34%);
  color: inherit;
  line-height: 1.65;
}

.legal-page > a { display: inline-block; margin-bottom: 28px; }
.legal-page article { max-width: 720px; margin-inline: auto; }
.legal-page h1 { margin: 0 0 10px; font-size: clamp(34px, 6vw, 54px); line-height: 1.08; }
.legal-page h2 { margin: 32px 0 10px; font-size: clamp(20px, 3vw, 25px); line-height: 1.2; }
.legal-page p, .legal-page li { font-size: 15px; }
.legal-page ul { padding-left: 24px; }
.legal-page__notice, .legal-page__status { padding: 12px 14px; border-left: 3px solid currentColor; background: rgb(255 255 255 / 7%); }
.legal-page__status[hidden] { display: none; }

@media (max-width: 520px) {
  .legal-page { width: min(100% - 20px, var(--legal-page-width)); padding: 22px 18px; }
}