/* Public pages the app stores link to: privacy, support, delete account. Uses the app's own colour variables so light and dark follow the device. */
.legal-body { margin: 0; background: var(--bg, #faf7f2); color: var(--ink, #2b2a26); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
.legal { max-width: 720px; margin: 0 auto; padding: 28px 16px 56px; }
.legal h1 { font-size: 1.7rem; line-height: 1.25; margin: 0 0 4px; }
.legal h2 { font-size: 1.15rem; margin: 28px 0 6px; }
.legal p, .legal li { margin: 0 0 10px; }
.legal ul { padding-left: 1.2em; }
.legal .meta { color: var(--muted, #6b675c); font-size: .9rem; margin-bottom: 18px; }
.legal a { color: inherit; text-decoration: underline; }
.legal table { width: 100%; border-collapse: collapse; font-size: .93rem; margin: 8px 0 16px; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--rule, #e6e0d2); }
.legal .box { background: var(--card, #fff); border: 1px solid var(--rule, #e6e0d2); border-radius: 14px; padding: 14px 16px; margin: 14px 0; }
.legal nav { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 22px; font-size: .95rem; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .legal-body { background: #16150f; color: #ece8dc; } }