/* privacy / terms / accessibility pages — cream, readable, nothing else */
:root { --bg: #F5F3EF; --panel: #fff; --ink: #1B1917; --muted: #77716A; --line: #E6E3DD; --accent: #E85A2A; }
:root.dark { --bg: #131211; --panel: #1D1B19; --ink: #F3F1ED; --muted: #A39D94; --line: #3D3935; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 17px/1.75 Heebo, Arial, sans-serif; padding: 24px 16px 48px; }
main { max-width: 760px; margin: 0 auto; background: var(--panel); border: 1px solid var(--line); border-radius: 22px; padding: clamp(20px, 4vw, 40px); }
h1 { font-size: clamp(26px, 5vw, 34px); font-weight: 900; margin: 0 0 4px; }
h2 { font-size: 20px; font-weight: 900; margin: 26px 0 6px; }
ul { padding-inline-start: 22px; margin: 6px 0; }
li { margin: 4px 0; }
a { color: var(--accent); font-weight: 700; }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
.muted { color: var(--muted); margin-top: 0; }
.draft { background: #FEF3C7; color: #92400E; border-radius: 12px; padding: 8px 12px; font-size: 14px; font-weight: 800; margin: 0 0 16px; }
.back { margin-top: 28px; border-top: 1px solid var(--line); padding-top: 14px; }