/* Shared look for whosgoin.com: start page, Datenschutz and Impressum. Colors match the app. */
:root { --paper:#fff; --ink:#14182b; --muted:#6b7086; --fill:#f1f3f8; --line:#e3e6ef; --court:#2346c8; --courtSoft:#e6ebfb; --sun:#f2b31b; --sunInk:#3d2a00; color-scheme:light dark; }
@media (prefers-color-scheme: dark) { :root { --paper:#0f1220; --ink:#f2f4fb; --muted:#9aa0b8; --fill:#1c2033; --line:#2a2f45; --court:#7d97ff; --courtSoft:#1f2747; --sun:#f5c04a; --sunInk:#2a1d00; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width:680px; margin:0 auto; padding:40px 20px; }
main.wide { max-width:980px; }
p { margin:0; color:var(--muted); }
a { color:var(--court); }
footer { border-top:1px solid var(--line); padding:24px 20px 40px; text-align:center; color:var(--muted); font-size:14px; }
footer a { color:var(--muted); text-decoration:none; font-weight:600; }
footer a:hover { color:var(--ink); }

/* Text pages */
.back { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink); font-weight:800; font-size:18px; }
.back img { width:36px; height:36px; border-radius:9px; }
.doc h1 { font-size:32px; letter-spacing:-.5px; margin:32px 0 8px; }
.doc h2 { font-size:19px; margin:32px 0 8px; }
.doc p, .doc li { color:var(--ink); }
.doc p + p { margin-top:10px; }
.doc ul { padding-left:20px; margin:8px 0; }
.doc li { margin:4px 0; }
.doc .note { color:var(--muted); font-size:14px; }
.todo { background:var(--sun); color:var(--sunInk); border-radius:6px; padding:0 5px; font-weight:700; }