.legal-wrap {
  box-sizing: border-box;
  width: min(100%, 920px);
  max-width: 920px;
  min-width: 0;
  margin: 40px auto;
  padding: 34px;
  overflow-wrap: anywhere;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 18px 55px rgba(17, 45, 78, .10);
}

.legal-wrap h1 {
  margin-bottom: 8px;
  font-size: clamp(34px, 6vw, 52px);
}

.legal-wrap h2 {
  margin-top: 34px;
  font-size: 23px;
}

.legal-wrap h3 {
  margin-top: 24px;
  font-size: 18px;
}

.legal-wrap p,
.legal-wrap li {
  line-height: 1.72;
}

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

.legal-meta,
.legal-note,
.contact-card {
  box-sizing: border-box;
  max-width: 100%;
}

.legal-meta {
  padding: 14px 18px;
  margin: 20px 0;
  background: #eef7ff;
  border-radius: 14px;
}

.legal-note {
  padding: 16px 18px;
  margin: 20px 0;
  background: #f5f9ff;
  border-left: 4px solid #1f75d6;
  border-radius: 12px;
}

.contact-card {
  padding: 22px;
  margin: 20px 0;
  background: #f8fbff;
  border: 1px solid rgba(31, 117, 214, .18);
  border-radius: 18px;
}

.legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.legal-nav a {
  font-weight: 700;
}

@media (max-width: 600px) {
  .legal-wrap {
    margin: 20px auto;
    padding: 20px 16px;
    border-radius: 16px;
  }

  .legal-wrap h1 {
    font-size: clamp(28px, 10vw, 38px);
  }

  .legal-meta,
  .legal-note,
  .contact-card {
    padding: 14px;
  }
}