/* AGB placeholder pages (Modules/legal/legal.js, one per account kind) --
   plain prose page, no form chrome needed. Uses the same CSS variables
   (--ink, --muted, --line, --accent...) that main.css defines globally. */

.legal-page {
  padding: 3rem 6vw;
  max-width: 720px;
  margin: 0 auto;
}

.legal-page h1 {
  font-size: 1.6rem;
  margin: 0 0 1rem;
  letter-spacing: -0.02em;
}

.legal-notice {
  font-size: 0.86rem;
  color: var(--muted);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 0.8rem 1rem;
  margin: 0 0 1.5rem;
}

.legal-body p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--ink);
  margin: 0 0 1rem;
}

.legal-back {
  display: inline-block;
  margin-top: 1.5rem;
}