:root{--tlo:#fff;--tekst:#1c1c1c;--szary:#5b5b5b;--akcent:#1a56db;--ramka:#e5e7eb}
@media (prefers-color-scheme:dark){:root{--tlo:#111;--tekst:#eee;--szary:#aaa;--akcent:#7aa2ff;--ramka:#333}}
body{margin:0;background:var(--tlo);color:var(--tekst);font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:48px 16px}
h1{font-size:1.9rem;line-height:1.2;margin:0 0 .5rem}h2{font-size:1.25rem;margin:2rem 0 .5rem}
a{color:var(--akcent)}nav a{margin-right:1rem}nav{padding-bottom:1rem;border-bottom:1px solid var(--ramka);margin-bottom:2rem}
.szary{color:var(--szary)}footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--ramka);font-size:.9rem;color:var(--szary)}