/* =====================================================================
   KARTY WPISÓW: okładka i klikalna karta na liście /blog/
   (layouts/blog/list.html).
   Ładowany PO blog.629c0023d3.css, więc przy równej wadze selektora wygrywa.
   Zgłoszenie Marka 2026-10-07: okładki były nieklikalne (tylko tytuł był
   odnośnikiem) i miały różne proporcje. Wpisy bez okładki pokazują na razie
   dotychczasową planszę; zastępnika nie ma (decyzja Marka 2026-10-08).
   ===================================================================== */

/* Okładka: zawsze 16:9, obraz przycięty do ramki (object-fit), nigdy rozciągnięty. */
.karta .obraz{margin:0;aspect-ratio:16/9;min-height:0;overflow:hidden;
  position:relative;background:#151516}
.karta .obraz picture{display:block;width:100%;height:100%}
.karta .obraz img{display:block;width:100%;height:100%;object-fit:cover}

/* Cała karta jest odnośnikiem: jeden <a> (tytuł) rozciągnięty na kartę.
   Jeden odnośnik, nie dwa ani trzy, więc czytnik ekranu czyta tytuł raz,
   a Tab zatrzymuje się raz na kartę. */
.polecany,.wpis{position:relative;cursor:pointer;transition:border-color .15s ease}
.polecany h2 a::after,.wpis h3 a::after{content:"";position:absolute;inset:0;z-index:1;
  border-radius:var(--promien-karty)}
.polecany:hover,.wpis:hover{border-color:color-mix(in srgb, var(--zielen) 45%, transparent)}
.polecany:hover h2 a,.wpis:hover h3 a{color:var(--zielen)}
.polecany:hover .wiecej,.wpis:hover .wiecej{gap:11px}
.polecany h2 a:focus-visible::after,.wpis h3 a:focus-visible::after{
  outline:2px solid var(--zielen);outline-offset:-3px}