/* Terms and privacy pages. Builds on app.css. */
.legal { max-width: 720px; margin: 0 auto; display: grid; gap: 16px; min-width: 0; width: 100%; }
.legal-body { display: grid; gap: 14px; min-width: 0; }
.legal h1 { font-size: clamp(24px, 4vw, 30px); line-height: 1.25; }
.legal h2 { font-size: 17px; margin-top: 8px; }
.legal p, .legal li { overflow-wrap: anywhere; }
.legal ul { padding-left: 22px; display: grid; gap: 5px; }
.legal-body section { display: grid; gap: 7px; }
.lang-row { display: flex; justify-content: flex-end; }
.app-head a.link-home { font-size: 14px; color: var(--accent); margin-left: auto; text-decoration: none; font-weight: 500; }
.ui { display: inline-block; white-space: nowrap; font-size: .92em; font-weight: 600; line-height: 1.35; padding: 1px 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--sunken); color: var(--fg); }