/* Legal pages - Creator Shout */
.legal-wrap { max-width: 760px; margin: 0 auto; padding: 120px 20px 80px; }
.legal-wrap h1 { font-family: var(--font-head); font-size: clamp(1.8rem, 5vw, 2.6rem);
  font-weight: 800; margin-bottom: 8px; }
.legal-wrap .updated { color: var(--muted); font-size: .85rem; margin-bottom: 32px; }
.legal-wrap h2 { font-family: var(--font-head); font-size: 1.2rem; margin: 32px 0 10px;
  color: var(--purple-light); }
.legal-wrap p, .legal-wrap li { color: var(--text); opacity: .92; margin-bottom: 12px;
  font-size: .95rem; }
.legal-wrap ul { padding-left: 22px; }
.legal-wrap a { color: var(--cyan); }
.legal-back { display: inline-block; margin-bottom: 24px; color: var(--muted);
  text-decoration: none; font-size: .9rem; }
.legal-back:hover { color: var(--text); }
.legal-wrap .muted { color: var(--muted); font-size: .85rem; }
.legal-btn {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid var(--card-border);
  background: var(--card);
  color: var(--text);
  font-size: .95rem;
  font-weight: 700;
  cursor: pointer;
  min-height: 48px;
}
.legal-btn:hover { border-color: var(--purple-light); }
.legal-btn:disabled { opacity: .55; cursor: default; }
.legal-btn-danger { border-color: rgba(239,68,68,.5); color: #fca5a5; }
.legal-btn-danger:hover { border-color: #ef4444; background: rgba(239,68,68,.08); }
#cs-delete-box {
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  padding: 16px 18px;
  margin: 16px 0 20px;
  background: var(--card);
}
#cs-delete-box p { margin-bottom: 10px; }
@media (max-width: 600px) {
  .legal-wrap { padding-top: 100px; }
}