/* Öffentliche Seiten (Datenschutz, Hilfe, Neuigkeiten; erzeugt von scripts/pages.ts): ruhiges Lese-Layout in den Farben
   der App (Papier hell, Nacht dunkel). Eigenständig, damit die Seiten ohne die App-Styles auskommen. */
:root {
  --bg:#F6F4EF; --surface:#FFFFFF; --text:#1E2227; --muted:#5C636D; --border:#E2DDD3; --accent:#3A5A8A; --accent-text:#2E4B75;
  color-scheme:light;
}
@media (prefers-color-scheme: dark) {
  :root { --bg:#141619; --surface:#1B1E22; --text:#E9E7E2; --muted:#9DA3AA; --border:#2D3237; --accent:#8EA8D4; --accent-text:#A8BEE2; color-scheme:dark; }
}

* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0; background:var(--bg); color:var(--text);
  font-family:system-ui, -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif; font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a { color:var(--accent-text); text-underline-offset:3px; }
a:hover { color:var(--accent); }

.top {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px;
  max-width:760px; margin:0 auto; padding:max(20px, env(safe-area-inset-top)) 16px 12px;
}
.brand { display:flex; align-items:center; gap:10px; font-weight:700; font-size:18px; color:var(--text); text-decoration:none; }
.brand img { border-radius:9px; }
.top nav { display:flex; flex-wrap:wrap; gap:4px 18px; font-size:15px; }
.top nav a { color:var(--muted); text-decoration:none; }
.top nav a:hover, .top nav a[aria-current="page"] { color:var(--accent-text); }
.top nav a[aria-current="page"] { font-weight:600; }

.doc { max-width:760px; margin:0 auto; padding:8px 16px 48px; }
.switch { margin:0 0 8px; font-size:15px; text-align:right; }
h1 { font-size:34px; line-height:1.15; letter-spacing:-0.02em; margin:16px 0 12px; }
h2 { font-size:22px; line-height:1.3; margin:36px 0 8px; }
h3 { font-size:17px; margin:24px 0 4px; }
p, ul { margin:0 0 12px; }
ul { padding-left:22px; }
li { margin:4px 0; }
.lead { font-size:19px; color:var(--muted); }
.date { font-size:14px; color:var(--muted); }
hr { border:0; border-top:1px solid var(--border); margin:56px 0 24px; }

.contact {
  display:flex; flex-direction:column; gap:2px; padding:16px 20px; margin:12px 0 8px;
  background:var(--surface); border:1px solid var(--border); border-radius:14px;
}
.release { padding:20px 0; border-top:1px solid var(--border); }
.release:first-of-type { border-top:0; }
.release h2 { margin:0 0 2px; }
.release .date { margin:0 0 8px; }
.ver {
  display:inline-block; font-size:14px; font-weight:700; color:var(--accent-text); background:var(--surface);
  border:1px solid var(--border); border-radius:999px; padding:2px 10px; margin-right:6px; vertical-align:middle;
  font-variant-numeric:tabular-nums;
}

.foot {
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 24px; max-width:760px; margin:0 auto;
  padding:20px 16px max(28px, env(safe-area-inset-bottom)); border-top:1px solid var(--border); font-size:14px; color:var(--muted);
}