/* Privacy and terms pages: plain, readable, on the app's palette. */
.legal { max-width: 760px; margin: 0 auto; padding: max(16px, env(safe-area-inset-top)) 18px 40px; line-height: 1.6; }
.legal header { display: flex; align-items: center; gap: 10px; margin: 6px 0 18px; }
.legal header img { width: 46px; height: 46px; }
.legal header b { font-family: var(--head); font-size: 22px; }
.legal header small { display: block; color: var(--coral); font-weight: 800; }
.legal h1 { font-size: clamp(26px, 5vw, 34px); margin: 8px 0 4px; }
.legal h2 { font-size: 20px; margin: 26px 0 6px; color: var(--teal-lo); }
.legal .updated { color: var(--muted); font-weight: 700; margin: 0 0 14px; }
.legal section { background: var(--paper); border-radius: var(--radius); box-shadow: var(--shadow); padding: 6px 22px 18px; margin: 14px 0; }
.legal a { color: var(--teal-lo); text-decoration: underline; }
.legal li { margin: 4px 0; }
.legal nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }