:root { --bg:#0e1424; --card:#161e33; --text:#e9edf5; --muted:#9aa5bd; --green:#2fd36b; }
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) { --bg:#f5f7fb; --card:#ffffff; --text:#141a29; --muted:#5b6478; --green:#1f9d4c; }
}
:root[data-theme="light"] { --bg:#f5f7fb; --card:#ffffff; --text:#141a29; --muted:#5b6478; --green:#1f9d4c; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 16px 64px; }
h1 { font-size: clamp(26px, 6vw, 36px); line-height: 1.2; margin: 8px 0 24px; }
h2 { font-size: 19px; margin: 32px 0 8px; }
h3 { font-size: 16px; margin: 20px 0 4px; }
p, li { margin: 0 0 10px; }
ul { padding-left: 20px; }
a { color: var(--green); }
.back { text-decoration: none; }
.card { background: var(--card); border-radius: 14px; padding: 16px 18px; }
.muted { color: var(--muted); font-size: 14px; }
footer { margin-top: 40px; color: var(--muted); font-size: 14px; }

/* Themenseiten (lohnt-sich-eurojackpot.html usw.) */
table { border-collapse: collapse; width: 100%; font-size: 14.5px; margin: 8px 0 14px; }
th, td { text-align: left; padding: 7px 8px; border-bottom: 1px solid rgba(127,127,127,.25); vertical-align: top; }
th { color: var(--muted); font-weight: 600; font-size: 13px; }
td.n, th.n { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.scroll { overflow-x: auto; }
.lead { font-size: 18px; }
.cta { display:inline-block; margin-top:6px; padding:10px 16px; border-radius:12px; background:var(--green); color:#06210f; font-weight:700; text-decoration:none; }
.answer { background: var(--card); border-left: 4px solid var(--green); border-radius: 10px; padding: 12px 16px; margin: 0 0 20px; }
.live { display:flex; gap:12px; align-items:flex-start; background: var(--card); border-radius: 14px; padding: 14px 16px; margin: 12px 0 20px; font-variant-numeric: tabular-nums; text-decoration: none; color: inherit; }
.live .dot { flex: none; width: 14px; height: 14px; border-radius: 50%; margin-top: 5px; background: var(--muted); }
.live.green .dot { background:#2fd36b; } .live.yellow .dot { background:#eeb000; }
.live.orange .dot { background:#e08a2c; } .live.red .dot { background:#e5484d; }
.live .big { font-size: 20px; font-weight: 700; }
.balls { display:flex; flex-wrap:wrap; gap:6px; margin: 6px 0 12px; padding:0; list-style:none; }
.balls li { width: 34px; height: 34px; border-radius: 50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; margin:0; background: var(--card); border: 2px solid var(--green); font-variant-numeric: tabular-nums; }
.balls.hot li { border-color: #e5484d; }
.related { padding-left: 18px; }