:root {
    color-scheme: dark;
    --bg: #0f0f0f;
    --surface: #181818;
    --border: #2a2a2a;
    --accent: #3d5afe;
    --text: #ffffff;
    --muted: #a0a0a0;
}
* { box-sizing: border-box; }
body {
    margin: 0;
    padding: 48px 20px 80px;
    background: var(--bg);
    color: var(--text);
    font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 46rem; margin: 0 auto; }
h1 { font-size: 1.8rem; font-weight: 800; margin: 0 0 6px; letter-spacing: -0.01em; }
h2 { font-size: 1.15rem; font-weight: 700; margin: 34px 0 10px; color: var(--accent); }
p, li { color: #e6e6e6; }
.lead { color: var(--muted); margin: 0 0 28px; }
a { color: #8da0ff; }
ul { padding-left: 1.2rem; }
li { margin: 6px 0; }
.box {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 16px 20px;
    margin: 22px 0;
}
footer {
    margin-top: 46px; padding-top: 18px;
    border-top: 1px solid var(--border);
    color: var(--muted); font-size: 0.9rem;
}
nav { margin-bottom: 34px; font-size: 0.92rem; }
nav a { margin-right: 18px; }

/* Externe Adresse als Text, nicht als Verweis: Googles Pruefagent
   folgt Links, und die Kontoseite verlangt selbst eine Anmeldung. */
.ext { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; word-break: break-all; }