/* ================================================================
   Legal pages — Warm light theme
   ================================================================ */

.legal-page {
  position: relative;
  z-index: 2;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 20px;
  min-height: 100vh;
}

.legal-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 24px 0 16px;
}
.legal-back {
  position: absolute;
  left: 0;
  font-family: var(--font-jp);
  font-size: 15px;
  color: var(--bronze);
  transition: color 0.2s;
}
.legal-back:hover { color: var(--accent); }

.legal-page-title {
  font-family: var(--font-jp);
  font-size: 18px;
  font-weight: normal;
  color: var(--bronze-dark);
}

.legal-card { margin-bottom: 32px; }

.legal-content {
  padding: 16px 20px 40px;
}

.legal-section-title {
  font-family: var(--font-jp);
  font-size: 15px;
  font-weight: normal;
  color: var(--bronze-dark);
  margin-top: 20px;
  margin-bottom: 8px;
}
.legal-section-title:first-child { margin-top: 0; }

.legal-section-body {
  font-family: var(--font-jp);
  font-size: 14px;
  color: rgba(46, 41, 41, 0.85);
  line-height: 1.8;
  white-space: pre-line;
}

.legal-updated {
  font-family: var(--font-en);
  font-size: 12px;
  color: var(--text-secondary);
  margin-top: 28px;
}

@media (max-width: 480px) {
  .legal-page { padding: 0 12px; }
  .legal-content { padding: 12px 14px 32px; }
  .legal-back { font-size: 13px; }
}