/* ── legal.css — privacy / terms pages ──────────────────────────
   Standalone pages served from covebooks.app (the stores require public URLs).
   They borrow Cove's tokens from style.css + themes.css so they look like the
   app, but they load none of the app's JavaScript — a legal page must render
   for someone who is not signed in, on a bad connection, with the app broken. */
.legal-page { background: var(--bg); color: var(--text); }
.legal {
  max-width: 44rem; margin: 0 auto; padding: 3rem 1.25rem 6rem;
  font-family: var(--font-body); font-size: 1rem; line-height: 1.65;
}
.legal h1 {
  font-family: var(--font-display); font-size: clamp(2rem, 6vw, 2.75rem);
  line-height: 1.1; margin-bottom: .5rem;
}
.legal h2 {
  font-family: var(--font-display); font-size: 1.4rem; line-height: 1.25;
  margin: 2.5rem 0 .6rem; color: var(--text);
}
.legal h3 { font-size: 1rem; font-weight: 700; margin: 1.5rem 0 .4rem; }
.legal p, .legal li { color: var(--text); }
.legal p { margin: 0 0 .9rem; }
.legal ul { margin: 0 0 1.1rem 1.15rem; }
.legal li { margin-bottom: .45rem; }
.legal strong { font-weight: 650; }
.legal em { color: var(--muted); }
.legal a { color: var(--accent); }
.legal-updated { color: var(--muted); font-size: .85rem; margin-bottom: 1.75rem; }
.legal-lede {
  font-size: 1.08rem; line-height: 1.6; color: var(--muted);
  border-left: 3px solid var(--accent); padding-left: 1rem; margin-bottom: 2rem;
}
.legal-back { font-size: .9rem; margin-bottom: 2rem; }
.legal-back a { text-decoration: none; }