:root{--hot:#FF0CA2;--lime:#CCFF02;--black:#0D0D0D;--off:#F7F5F2;--ink:#2A2A2A;--muted:#6b6b6b;--maxw:760px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--off);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--hot);text-decoration:underline}
header{background:#000;color:#fff}
.bar{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.bar a{color:#fff;text-decoration:none;font-weight:700}
.lang{display:flex;background:rgba(255,255,255,.14);border-radius:99px;padding:3px;gap:2px}
.lang button{border:0;background:transparent;color:#fff;font:600 12px 'Inter',system-ui,sans-serif;padding:5px 12px;border-radius:99px;cursor:pointer}
.lang button.on{background:var(--lime);color:var(--black)}
main{max-width:var(--maxw);margin:0 auto;padding:40px 24px 64px}
h1{font-family:'Bevan',Georgia,serif;font-weight:400;font-size:2rem;color:var(--black);margin-bottom:24px}
h2{font-size:1.1rem;color:var(--black);margin:28px 0 8px}
p,ul{margin-bottom:12px}
ul{padding-left:22px}
.todo{background:var(--lime);color:var(--black);padding:0 4px;border-radius:4px;font-weight:600}
footer{max-width:var(--maxw);margin:0 auto;padding:0 24px 48px;font-size:13px;color:var(--muted)}
footer a{color:var(--muted)}
[lang]:not(html){display:none}
html[lang="de"] [lang="de"],html[lang="en"] [lang="en"]{display:block}
html[lang="de"] span[lang="de"],html[lang="en"] span[lang="en"]{display:inline}
html[lang="de"] li[lang="de"],html[lang="en"] li[lang="en"]{display:list-item}