/* ---------- static legal pages (privacy, terms): plain document layout,
   reusing the site's tokens/nav from scrollcraft.css + pailpal.css ---------- */
body { background: var(--pp-cream); }

.legal { padding: clamp(7rem, 16vh, 9rem) var(--sc-gutter) var(--sc-section); }
.legal__wrap { max-width: 42rem; margin-inline: auto; }
.legal__back {
  display: inline-block; margin-bottom: var(--sc-5); font-weight: 700;
  color: var(--sc-ink-soft); text-decoration: none;
}
.legal__back:hover { color: var(--sc-ink); }

.legal h1 {
  font-family: var(--sc-font-display); font-weight: 800; color: var(--sc-ink);
  font-size: var(--sc-t-2xl); margin: 0 0 var(--sc-2);
}
.legal__updated { color: var(--sc-ink-soft); font-weight: 600; margin: 0 0 var(--sc-7); }

.legal h2 {
  font-family: var(--sc-font-display); font-weight: 700; color: var(--sc-ink);
  font-size: 1.3rem; margin: var(--sc-7) 0 var(--sc-3);
}
.legal p {
  color: var(--sc-ink); line-height: 1.65; margin: 0 0 var(--sc-4); max-width: 68ch;
}
.legal a { color: var(--sc-accent); font-weight: 700; }
.legal a:hover { text-decoration: underline; }

.legal-foot {
  display: flex; flex-wrap: wrap; gap: var(--sc-3) var(--sc-5); align-items: center; justify-content: space-between;
  padding: var(--sc-5) var(--sc-gutter); color: var(--sc-ink-soft); font-size: .85rem;
  border-top: 1px solid color-mix(in srgb, var(--sc-ink) 10%, transparent);
}
.legal-foot__links { display: flex; gap: var(--sc-4); }
.legal-foot__links a { color: var(--sc-ink-soft); font-weight: 700; text-decoration: none; }
.legal-foot__links a:hover { color: var(--sc-ink); }

@media (max-width: 640px) {
  .legal-foot { flex-direction: column; align-items: flex-start; text-align: left; }
}