:root{--zielony:#15803d;--zielony-c:#166534;--granat:#0f172a;--tekst:#1e293b;--szary:#64748b;--linia:#e2e8f0}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--tekst);background:#fff;font-size:16.5px;line-height:1.6}
a{color:var(--zielony-c)}
.w{max-width:820px;margin:0 auto;padding:0 20px}
header.top{border-bottom:1px solid var(--linia)}
header.top .w{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-size:21px;font-weight:800;letter-spacing:1px;color:var(--granat);text-decoration:none}
.logo span{color:var(--zielony)}
.wroc{font-size:15px;font-weight:600;text-decoration:none}
main{padding-top:30px;padding-bottom:50px}
h1{font-size:31px;line-height:1.2;margin:0 0 6px;color:var(--granat)}
.sub{color:var(--szary);margin:0 0 22px;font-size:15px}
h2{font-size:19px;margin:28px 0 8px;color:var(--zielony-c)}
ol,ul{margin:0;padding-left:22px}
li{margin:5px 0}
ol.alpha{list-style:lower-alpha;margin-top:4px}
.tab{overflow-x:auto}
table{border-collapse:collapse;width:100%;margin:8px 0;font-size:15.5px}
th,td{border:1px solid var(--linia);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#f1f5f9}
.steps{border:2px solid var(--zielony);border-radius:14px;padding:16px 20px;margin-top:30px}
.steps h2{margin-top:0}
.small{font-size:14px;color:var(--szary)}
footer{background:var(--granat);color:#cbd5e1;padding:22px 0;font-size:14.5px}
footer a{color:#e2e8f0}
@media (max-width:560px){h1{font-size:25px}body{font-size:16px}.w{padding:0 16px}}
@media print{header.top .wroc,footer{display:none}body{font-size:10pt}h1{font-size:16pt}h2{font-size:11pt;margin:12px 0 4px}main{padding:0}}
