:root { --bg: #0d1117; --fg: #e8e6e3; --mute: #9aa3ad; --akzent: #f2c14e; --linie: #232a33; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { min-height: 100vh; display: flex; flex-direction: column; margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { width: 100%; max-width: 680px; margin: 0 auto; padding: 48px 16px 64px; }
a { color: var(--akzent); }
h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 8px; letter-spacing: .01em; }
h2 { font-size: 1.1rem; margin: 36px 0 8px; padding-top: 16px; border-top: 1px solid var(--linie); }
p, li { color: var(--fg); }
.mute { color: var(--mute); font-size: .95rem; }
.kopf { display: flex; align-items: center; gap: 16px; margin-bottom: 28px; }
.kopf img { width: 72px; height: 72px; border-radius: 50%; }
.kanaele { list-style: none; padding: 0; display: grid; gap: 10px; margin: 24px 0; }
.kanaele a { display: block; padding: 14px 16px; border: 1px solid var(--linie); border-radius: 10px; text-decoration: none; color: var(--fg); }
.kanaele a:hover, .kanaele a:focus-visible { border-color: var(--akzent); }
footer { margin-top: auto; padding: 24px 20px 14px; font-size: .78rem; color: var(--mute); text-align: right; }
footer a { color: var(--mute); }
.abschnitt { margin-top: 56px; }