.artykuly-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-5)}.kafel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.kafel:hover{border-color:var(--cyan);transform:translateY(-3px)}.kafel-link{display:block;color:inherit;height:100%}.kafel-link:hover{color:inherit}.kafel-obraz{width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;background:var(--surface-3)}.kafel-tekst{padding:var(--sp-4) var(--sp-5) var(--sp-5)}.kafel-data{font-size:var(--fs-xs);color:var(--text-dim);margin-bottom:var(--sp-2)}.kafel-tytul{font-size:1.0625rem;line-height:var(--lh-snug);color:var(--text);margin-bottom:var(--sp-2)}.kafel-wstep{font-size:var(--fs-sm);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.belka-autora{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);margin:var(--sp-5) 0;padding:var(--sp-4) var(--sp-5);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md)}.belka-autora .kolumna{display:flex;align-items:center;gap:var(--sp-3)}.belka-autora .zdjecie{width:48px;height:48px;border-radius:50%;object-fit:cover}.belka-autora .nazwisko a{font-weight:700;color:var(--text)}.belka-autora .daty{font-size:var(--fs-xs);color:var(--text-dim);text-align:right}.spis-tresci{margin:var(--sp-6) 0;padding:var(--sp-5);background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--cyan);border-radius:0 var(--r-md) var(--r-md) 0}.spis-tresci>p{font-weight:700;color:var(--text);margin-bottom:var(--sp-3)}.spis-tresci ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.spis-tresci a{font-size:var(--fs-sm);color:var(--text-muted)}.spis-tresci a:hover{color:var(--cyan)}.komentarze{margin-top:var(--sp-7);padding-top:var(--sp-5);border-top:1px solid var(--border)}.komentarze h2{font-size:var(--fs-h3);margin-bottom:var(--sp-4)}.komentarz{padding:var(--sp-4);margin-bottom:var(--sp-3);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md)}.komentarz-autor{font-weight:700;color:var(--text);margin-right:var(--sp-2)}.komentarz-data{font-size:var(--fs-xs);color:var(--text-dim)}.komentarz-tresc{margin-top:var(--sp-2);color:var(--text-muted)}.stronicowanie{display:flex;align-items:center;justify-content:center;gap:var(--sp-5);margin-top:var(--sp-7);color:var(--text-muted);font-size:var(--fs-sm)}.artykul{max-width:820px;margin-inline:auto;padding:var(--sp-6) var(--sp-5) 0}.artykul h1{font-size:var(--fs-h1);text-wrap:balance;margin-bottom:var(--sp-4)}.artykul-wstep{font-size:var(--fs-body-lg);font-weight:600;color:var(--text);margin-bottom:var(--sp-5)}.artykul-obraz{width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;border-radius:var(--r-lg);margin-bottom:var(--sp-6);background:var(--surface-3)}.tematy-siatka{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-4)}.temat-kafel{padding:var(--sp-5);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg)}.temat-glowa{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-2)}.temat-kafel h3{font-size:var(--fs-h3)}.temat-licznik{font-size:var(--fs-xs);color:var(--text-dim);white-space:nowrap}.temat-opis{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.temat-lista{list-style:none;margin:0 0 var(--sp-4);padding:0;display:grid;gap:var(--sp-2)}.temat-lista a{font-size:var(--fs-sm);color:var(--text-muted)}.temat-lista a:hover{color:var(--cyan)}.cta-w-tekscie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);margin:var(--sp-6) 0;padding:var(--sp-4) var(--sp-5);background:var(--surface-2);border:1px solid var(--border-strong);border-left:3px solid var(--pink);border-radius:0 var(--r-md) var(--r-md) 0}.cta-w-tekscie p{margin:0;font-weight:600;color:var(--text);flex:1 1 260px}