.legal-page {
  padding: 64px 0 96px;
  background: #f7f8fa;
}

.legal-page .legal-inner {
  width: min(880px, calc(100% - 40px));
  margin: 0 auto;
}

.legal-page h1 {
  margin: 0 0 12px;
  color: #12253c;
  font-family: 'DM Serif Display', Georgia, serif;
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 400;
  line-height: 1.08;
}

.legal-page .legal-updated {
  margin: 0 0 44px;
  color: #64748b;
  font-size: 14px;
}

.legal-page section {
  margin: 0 0 38px;
}

.legal-page h2 {
  margin: 0 0 12px;
  color: #12253c;
  font-size: 22px;
  line-height: 1.3;
}

.legal-page h3 {
  margin: 22px 0 8px;
  color: #1f344b;
  font-size: 17px;
  line-height: 1.4;
}

.legal-page p,
.legal-page li,
.legal-page address {
  color: #334155;
  font-size: 16px;
  line-height: 1.75;
}

.legal-page p,
.legal-page ul {
  margin: 0 0 14px;
}

.legal-page ul {
  padding-left: 22px;
}

.legal-page address {
  font-style: normal;
}

.legal-page a {
  color: #075ea8;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-page a:hover {
  color: #003e70;
}

.agb-page .agb-subtitle {
  margin-bottom: 44px;
  color: #64748b;
}

.agb-page .agb-clause {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

@media (max-width: 640px) {
  .legal-page {
    padding: 42px 0 72px;
  }

  .legal-page .legal-inner {
    width: min(100% - 28px, 880px);
  }
}