/* Shared style for the legal pages (terms, privacy, refund). Matches the dark look of the app. */
:root { --bg: #1a1a1a; --text: #b8c0ca; --head: #ffffff; --strong: #e2e8f0; --line: #333; --link: #f87171; --muted: #8b95a1; }
html[data-theme="light"] { --bg: #e9ecef; --text: #3b4350; --head: #1f2328; --strong: #1f2328; --line: #d5d9de; --link: #c62828; --muted: #5f6b78; }
html, body { margin: 0; background: var(--bg); }
body { font-family: 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; color: var(--text); font-size: 15px; line-height: 1.65; }
.wrap { max-width: 760px; margin: 0 auto; padding: 28px 16px 56px; box-sizing: border-box; }
.brand { display: inline-block; font-size: 22px; font-weight: 800; color: var(--head); text-decoration: none; margin-bottom: 28px; }
.brand span { color: #e53935; }
h1 { hyphens: auto; overflow-wrap: break-word; font-size: 28px; line-height: 1.25; color: var(--head); margin: 0 0 6px; font-weight: 800; }
.updated { color: var(--muted); font-size: 13px; margin: 0 0 28px; }
h2 { hyphens: auto; overflow-wrap: break-word; font-size: 18px; color: var(--head); margin: 30px 0 8px; font-weight: 800; }
p, ul { margin: 0 0 12px; }
ul { padding-left: 22px; }
li { margin: 0 0 6px; }
b, strong { color: var(--strong); }
a { color: var(--link); }
.box { border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; margin: 0 0 20px; }
.box p:last-child { margin-bottom: 0; }
footer { border-top: 1px solid var(--line); margin-top: 40px; padding-top: 16px; font-size: 13px; color: var(--muted); }
footer a { margin-right: 14px; display: inline-block; }