/* Round 10 step 10: the policy pages — plain, readable; no script, no third party. Squishy-toucan: white, never
   dark on its own (like the app). */
:root { --bg: #ffffff; --ink: #2a1f1a; --soft: #5f5149; --line: #e7e2dc; --accent: #8a5f0a; --warn-bg: #fff4d6; --warn-ink: #5c4300; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.legal { max-width: 44rem; margin: 0 auto; padding: 24px 16px 64px; overflow-wrap: anywhere; }
.legal h1 { font-size: 2rem; line-height: 1.2; margin: 16px 0 4px; }
.legal h2 { font-size: 1.25rem; margin: 32px 0 8px; }
.legal h3 { font-size: 1.05rem; margin: 20px 0 4px; }
.legal p, .legal li { margin: 8px 0; }
.legal ul { padding-left: 1.25rem; }
.legal a { color: var(--accent); }
.legal__date, .legal__back { color: var(--soft); font-size: 0.9rem; }