.legal-main {
  padding: 76px 24px 120px;
  background: var(--paper);
}

.legal-card {
  width: min(100%, 920px);
  margin: auto;
  padding: clamp(36px, 6vw, 76px);
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--white);
}

.legal-card .eyebrow { margin-bottom: 24px; }
.legal-card h1 {
  margin: 0 0 36px;
  color: var(--ink);
  font-size: clamp(44px, 6vw, 68px);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.legal-card h2 { margin: 42px 0 12px; font-size: 22px; line-height: 1.25; }
.legal-card p,
.legal-card li { color: #515154; font-size: 15px; line-height: 1.7; }
.legal-card ul { padding-left: 22px; }
.legal-card a { color: #0066cc; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 680px) {
  .legal-main { padding: 38px 14px 76px; }
  .legal-card { padding: 36px 22px; border-radius: 20px; }
  .legal-card h1 { font-size: clamp(38px, 13vw, 52px); }
}