.legal-shell {
  width: min(920px, calc(100% - 48px));
  margin: 0 auto;
  padding: 90px 0 120px;
}

.legal-header {
  padding-bottom: 34px;
  border-bottom: 1px solid var(--line);
}

.legal-header h1 {
  margin: 10px 0 18px;
  font-size: clamp(2.6rem, 7vw, 5rem);
}

.legal-header p {
  color: var(--muted);
}

.legal-content {
  padding-top: 32px;
  color: #d7e0ea;
  line-height: 1.75;
}

.legal-content section {
  margin: 0 0 36px;
}

.legal-content h2 {
  margin: 0 0 12px;
  color: var(--text);
  font-size: 1.45rem;
}

.legal-content p,
.legal-content li {
  color: #b8c4d0;
}

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

.legal-content a {
  color: var(--accent);
}

.legal-note {
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
}