/* Eckmarkt — the same tokens the apps use. docs/design-tokens.md is the source;
   design/Styleguide.dc.html is the authority if the two ever disagree. */
:root{
  --ink:#0D0D0F; --ink-soft:#3F3F49; --grey:#5C5C66; --muted:#8E8E98;
  --tile:#F4F4F6; --surface:#FFFFFF; --border:#E6E6EA; --band:#F1F1F4;
  --violet:#6D28D9; --magenta:#D6006E; --green:#0B7350;
}
*{box-sizing:border-box}
body{margin:0;background:#FAFAFB;color:var(--ink);
     font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
     display:flex;justify-content:center;padding:0 16px 72px}
.wrap{width:100%;max-width:640px}
header.hero{background:linear-gradient(118deg,#0D0D0F 0%,#101024 38%,#152163 70%,#1D3FAF 100%);
     color:#fff;border-radius:0 0 22px 22px;padding:40px 26px 34px;margin:0 -16px 34px}
.kicker{font-size:12px;font-weight:700;letter-spacing:.06em;opacity:.7}
h1{margin:10px 0 0;font-size:38px;font-weight:800;letter-spacing:-.035em;line-height:1.08}
header.hero p{margin:14px 0 0;font-size:15.5px;font-weight:500;line-height:1.6;color:rgba(255,255,255,.82)}
h2{font-size:22px;font-weight:800;letter-spacing:-.03em;margin:34px 0 0}
p,li{font-size:15px;font-weight:500;color:var(--ink-soft);line-height:1.65}
a{color:var(--violet)}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 20px;margin-top:16px}
.todo{background:#FBF0DC;border:1px solid #F0DFBE;border-radius:14px;padding:15px 17px;margin-top:16px}
.todo b{color:#8A5A00}
.todo p{color:#6B4700;margin:6px 0 0;font-size:14px}
nav.foot{margin-top:44px;padding-top:20px;border-top:1px solid var(--border);
     font-size:13.5px;font-weight:600;display:flex;gap:18px;flex-wrap:wrap}