:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#14161c;color:#d9dce3;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:780px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:2rem;margin:.2em 0 .1em;color:#fff}
h2{font-size:1.3rem;margin:1.8em 0 .4em;color:#f0c14b}
h3{font-size:1.05rem;margin:1.2em 0 .2em;color:#fff}
a{color:#7fb2ff}
nav{display:flex;gap:16px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid #262a33;max-width:780px;margin:0 auto}
.lead{font-size:1.1rem;color:#aab0bd}
.btn{display:inline-block;margin:6px 8px 6px 0;padding:10px 18px;border-radius:8px;background:#5865f2;color:#fff;text-decoration:none;font-weight:600}
.btn.alt{background:#262a33}
.card{background:#1b1e26;border:1px solid #262a33;border-radius:10px;padding:14px 18px;margin:14px 0}
code{background:#262a33;padding:1px 6px;border-radius:4px;font-size:.92em}
ul{padding-left:1.2em}
footer{margin-top:48px;color:#7c8394;font-size:.9rem}
.lang{margin-top:56px;padding-top:8px;border-top:2px solid #262a33}

html[data-lang="en"] [data-l="pl"],html[data-lang="pl"] [data-l="en"]{display:none}
nav{align-items:center}
.langsw{margin-left:auto;display:flex;gap:8px}
.langsw button{background:none;border:2px solid transparent;border-radius:4px;padding:2px;cursor:pointer;line-height:0}
.langsw button:hover{border-color:#5865f2}
html[data-lang="en"] .langsw [data-set="en"],html[data-lang="pl"] .langsw [data-set="pl"]{border-color:#f0c14b}