/* Legal pages (Terms of Service, Privacy Policy) — a plain prose column on
   the app's paper card, theme-aware via base.css variables. */

.legal-wrap{
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 20px 80px;
}

.legal-card{
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  padding: 40px 44px 48px;
}
@media (max-width: 640px){
  .legal-card{ padding: 28px 20px 36px; }
}

.legal-card h1{
  margin: 0 0 4px;
  font-size: 28px;
  line-height: 1.2;
  color: var(--ink);
}
.legal-updated{
  margin: 0 0 28px;
  font-size: 13px;
  color: var(--ink-soft);
}

.legal-card h2{
  margin: 32px 0 10px;
  font-size: 18px;
  color: var(--ink);
}
.legal-card h3{
  margin: 22px 0 8px;
  font-size: 15px;
  color: var(--ink);
}
.legal-card p, .legal-card li{
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--ink-soft);
}
.legal-card p{ margin: 0 0 12px; }
.legal-card ul{ margin: 0 0 14px; padding-left: 22px; }
.legal-card li{ margin: 0 0 6px; }
.legal-card li b, .legal-card p b{ color: var(--ink); font-weight: 600; }

.legal-card a{ color: var(--brass); text-decoration: none; }
.legal-card a:hover{ text-decoration: underline; }