/* THE LEGAL PAGES — privacy policy and terms. Plain reading pages for a parent on a phone.
   Frame tokens only: this is chrome, not a scene. No tables — a two-column table scrolls
   sideways at 360px, so every list is a stack. */

.legal {
  max-width: 680px;
  margin: 0 auto;
  padding: 24px 18px calc(40px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.legal-home {
  display: inline-flex;
  align-items: center;
  min-height: var(--tap-min);
  color: var(--frame-accent);
  font-weight: 600;
  text-decoration: none;
}

.legal h1 { font-size: 28px; line-height: 1.25; margin: 10px 0 4px; }
.legal h2 { font-size: 20px; line-height: 1.3; margin: 32px 0 8px; }
.legal p, .legal ul { margin: 0 0 12px; }
.legal ul { padding-left: 22px; }
.legal li { margin: 0 0 8px; }
.legal a { color: var(--frame-accent); }

.legal-date { color: var(--frame-muted); margin: 0 0 20px; }

/* The short version: the five promises a parent reads if they read nothing else. */
.legal-short {
  border: 2px solid var(--frame-line);
  border-radius: var(--radius);
  padding: 14px 16px 4px;
  margin: 0 0 8px;
}
.legal-short h2 { margin-top: 0; }

.legal-foot {
  margin-top: 40px;
  padding-top: 16px;
  border-top: 1px solid var(--frame-line);
  color: var(--frame-muted);
  font-size: 15px;
}