:root { --bg:#0B0F14; --card:#121820; --ink:#E8EDF3; --ink2:#9AA7B4; --mint:#3DDC97; --line:#1E2733; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.wrap { max-width:760px; margin:0 auto; padding:32px 20px 80px; }
header { display:flex; align-items:center; gap:12px; padding:20px 0 8px; }
header .mark { width:34px; height:34px; flex:none; }
header b { font-size:20px; letter-spacing:-.2px; }
nav { margin:18px 0 34px; display:flex; gap:18px; flex-wrap:wrap; }
nav a { color:var(--ink2); text-decoration:none; font-size:14px; }
nav a:hover, nav a.on { color:var(--mint); }
h1 { font-size:28px; line-height:1.25; margin:12px 0 20px; letter-spacing:-.4px; }
h2 { font-size:18px; margin:34px 0 10px; }
p, li { color:var(--ink2); }
strong { color:var(--ink); font-weight:600; }
a { color:var(--mint); }
.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px 22px; margin:22px 0; }
.lead { font-size:18px; color:var(--ink); }
footer { border-top:1px solid var(--line); margin-top:52px; padding-top:20px; color:#6B7887; font-size:13px; }
table { width:100%; border-collapse:collapse; margin:12px 0; font-size:14px; }
td { padding:8px 10px 8px 0; border-bottom:1px solid var(--line); vertical-align:top; color:var(--ink2); }
td:first-child { color:var(--ink); width:38%; }

/* Bilanz-Seite */
.kacheln{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px}
.kachel{flex:1 1 96px;min-width:96px;background:#0F1620;border:1px solid #1B2530;
        border-radius:10px;padding:12px 10px;text-align:center}
.kachel b{display:block;font-size:1.7rem;line-height:1.1;color:var(--mint)}
.kachel span{display:block;margin-top:4px;font-size:.78rem;color:#8FA3B5}
td.gut{color:var(--mint);font-weight:600}
td.schlecht{color:#FF6B6B;font-weight:600}
td.neutral{color:#8FA3B5}
.fuss{font-size:.82rem;color:#8FA3B5;margin-bottom:0}