/* Shared look for the Privacy, Terms and Refund pages: the app's Trust Green palette, readable width, light and dark. */
:root { --bg: #f6f8f7; --sheet: #ffffff; --ink: #10231c; --muted: #5b6b64; --line: #e1e8e4; --accent: #0b7a55; --soft: #e3f3ec; --warn: #a55a06; --warn-bg: #fff1dd }
@media (prefers-color-scheme: dark) { :root { --bg: #0b1210; --sheet: #121b18; --ink: #e6efe9; --muted: #93a59c; --line: #22302a; --accent: #3ccf91; --soft: #10291f; --warn: #f0bd6a; --warn-bg: #3a2c14; color-scheme: dark } }
* { box-sizing: border-box }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.65 "Manrope", "Mukta", system-ui, sans-serif }
main { max-width: 760px; margin: 0 auto; padding: 24px 18px 56px }
header { display: flex; align-items: center; gap: 12px; margin-bottom: 18px }
header img { width: 40px; height: 40px }
header a { color: var(--ink); text-decoration: none; font-weight: 800; font-size: 1.1rem }
header a b { color: var(--accent) }
nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px }
nav a { font-size: .85rem; font-weight: 700; color: var(--accent); background: var(--soft); border-radius: 99px; padding: 5px 12px; text-decoration: none }
nav a[aria-current="page"] { background: var(--accent); color: var(--sheet) }
h1 { font-size: 1.75rem; line-height: 1.2; margin: 0 0 4px; letter-spacing: -.02em }
.meta { color: var(--muted); font-size: .9rem; margin: 0 0 18px }
h2 { font-size: 1.12rem; margin: 1.8em 0 .4em }
h3 { font-size: 1rem; margin: 1.2em 0 .3em }
p, li { max-width: 68ch }
ul, ol { padding-left: 1.25em }
li { margin: .25em 0 }
a { color: var(--accent) }
.draft { background: var(--warn-bg); color: var(--warn); padding: 10px 14px; border-radius: 12px; font-size: .9rem; font-weight: 600 }
.sum { background: var(--sheet); border: 1px solid var(--line); border-radius: 16px; padding: 14px 18px; margin: 16px 0 8px }
.sum h2 { margin-top: 0 }
.sum ul { margin: 0 }
table { border-collapse: collapse; width: 100%; font-size: .92rem; margin: .6em 0 }
th, td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--line); vertical-align: top }
th { color: var(--muted); font-size: .8rem; font-weight: 700 }
.wrap { overflow-x: auto }
footer { margin-top: 36px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: .88rem }