/* R75-B (31.10.2026) - /blog/: wyróżniony (pierwszy) wpis pod „Najnowsze wpisy”.
   Błąd: motyw home.php (od 900 px) robi z .lb-feat siatkę „obrazek | tekst” i daje okładce aspect-ratio:auto + min-height:100%,
   ale R73 (r73/blog.css) ustawia link karty na flex w kolumnie. Razem: okładka na całą szerokość i wysoka jak cała karta,
   obrazek (object-fit:cover) mocno powiększony i ucięty z lewej („…dniki Instagram”).
   Teraz: od 900 px karta pozioma - okładka z lewej w stałej proporcji 16:9 (okładki wpisów mają 1024×572), wpuszczona w kartę
   z marginesem i zaokrągleniem, cała grafika widoczna; z prawej plakietka, data, tytuł, zajawka, „N min czytania” i „Czytaj”.
   Poniżej 900 px zwykła zwarta karta R73 (okładka 16:9 na górze) - jak pozostałe wpisy.
   Ładowany przez r75.php (wp_head 1090). Siła: html:root body.ljk-r75:not(#r75a#r75b) + !important tam, gdzie R73 ma !important. */

@media (min-width:900px){
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-grid>.lb-card.lb-feat{grid-column:1/-1}
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat a.lb-link{
    display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;column-gap:0;height:auto;
  }
  /* okładka: stała proporcja, cała grafika (16:9 ≈ 1024×572, różnica <1% - nic z tekstu grafiki nie ginie) */
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat .lb-thumb{
    align-self:center;aspect-ratio:16/9!important;min-height:0!important;height:auto!important;
    margin:16px 0 16px 16px!important;border:1px solid var(--r72-linia,#ebe5f4)!important;border-radius:12px!important;
  }
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat .lb-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat .lb-body{
    align-self:center;align-content:center;grid-template-rows:auto auto auto auto!important;row-gap:12px!important;padding:24px 28px!important;
  }
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat h3{font-size:clamp(1.3rem,.9rem + .9vw,1.6rem)!important;line-height:1.25!important;-webkit-line-clamp:3!important;line-clamp:3}
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat .lb-ex{font-size:15.5px!important;line-height:1.6!important;-webkit-line-clamp:3!important;line-clamp:3}
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat .lb-meta>span:not(.lb-more),
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat .lb-more{padding-top:8px!important}
}
/* szerszy ekran: trochę więcej miejsca na tekst obok okładki */
@media (min-width:1200px){
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat a.lb-link{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat .lb-thumb{margin:20px 0 20px 20px!important}
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat .lb-body{padding:28px 32px!important}
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat .lb-ex{-webkit-line-clamp:4!important;line-clamp:4}
}
/* telefon i tablet: wyróżniony wpis = zwykła karta R73 (16:9 na górze), bez większych liter */
@media (max-width:899px){
  html:root body.ljk-r75:not(#r75a#r75b) .lb .lb-card.lb-feat .lb-thumb{aspect-ratio:16/9!important;min-height:0!important}
}

/* R76 (31.10.2026, Filip: okładka wyróżnionego wpisu na /blog/ dalej mocno przybliżona i ucięta - komputer).
   Przyczyna: w siatce (od 900 px) okładka z aspect-ratio i szerokością auto nie była rozciągana na kolumnę (element
   z proporcją w siatce bierze szerokość z treści = 1024 px obrazka), wychodziła poza kolumnę i chowała się pod tekstem -
   widać było tylko lewy kawałek obrazka w powiększeniu. Do tego margines R75 przegrywał z r73/blog.css (3 id).
   Teraz: obrazek leży absolutnie w ramce (inset:0), więc nie wpływa na jej rozmiar; ramka ma jawną szerokość kolumny
   i proporcję 16:9, wyśrodkowana w pionie (nie rośnie do wysokości tekstu). To samo dla wszystkich kart na każdej szerokości. */
html:root body.ljk-r75:not(#r76a#r76b#r76c) .lb .lb-card .lb-thumb{position:relative!important;overflow:hidden!important;min-width:0!important;max-width:100%!important}
html:root body.ljk-r75:not(#r76a#r76b#r76c) .lb .lb-card .lb-thumb img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover!important;object-position:center!important}
@media (min-width:900px){
  html:root body.ljk-r75:not(#r76a#r76b#r76c) .lb .lb-card.lb-feat .lb-thumb{
    justify-self:start!important;align-self:center!important;box-sizing:border-box!important;width:calc(100% - 16px)!important;
    aspect-ratio:16/9!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:16px 0 16px 16px!important;border:1px solid var(--r72-linia,#ebe5f4)!important;border-radius:12px!important;
  }
}
@media (min-width:1200px){
  html:root body.ljk-r75:not(#r76a#r76b#r76c) .lb .lb-card.lb-feat .lb-thumb{width:calc(100% - 20px)!important;margin:20px 0 20px 20px!important}
}