@import url("../style.css?v=20260827-2");

.legal-main {
  min-height: 70vh;
}

.legal-container {
  max-width: 900px;
}

.legal-hero {
  margin-bottom: 2.5rem;
}

.legal-hero h1 {
  margin-bottom: 0.8rem;
  font-size: clamp(3rem, 8vw, 5.8rem);
}

.legal-hero p {
  max-width: 680px;
  font-size: 1.08rem;
}

.legal-card {
  margin-bottom: 16px;
  padding: clamp(1.4rem, 4vw, 2.2rem);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow-small);
}

.legal-card h2 {
  margin-bottom: 0.9rem;
  font-size: clamp(1.55rem, 3vw, 2.1rem);
}

.legal-card p:last-child {
  margin-bottom: 0;
}

.legal-card a {
  color: var(--brand);
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 3px;
}