/* Miniatury wpisów w stylu YouTube + siatka 3 w rzędzie */
.kw-siatka { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 20px; }
.kw { display: flex; flex-direction: column; gap: 8px; text-decoration: none; color: var(--ink); min-width: 0; }
.kw-mini { display: block; border: 2px solid var(--ink); transition: transform .15s, box-shadow .15s; }
.kw:hover .kw-mini { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--ink); }
.kw:hover .kw-tytul { color: var(--green); }
.kw-meta { font: 11.5px var(--font-mono); letter-spacing: .5px; text-transform: uppercase; color: var(--ink-muted); }
.kw-tytul { font-size: 17px; line-height: 1.3; }
.kw-lead { font-size: 14px; line-height: 1.45; color: var(--ink-muted); }
.yt { position: relative; aspect-ratio: 16 / 9; container-type: inline-size; overflow: hidden; background: var(--yt-bg); color: var(--yt-fg); }
.yt-haslo { position: absolute; left: 7%; top: 10%; right: 26%; display: flex; flex-direction: column; font-weight: 700; font-size: 9.6cqw; line-height: 1.12; letter-spacing: -.02em; }
.yt-ik { position: absolute; right: 6%; bottom: 10%; width: 23%; aspect-ratio: 1; background: var(--yt-ak); -webkit-mask: var(--ik) center / contain no-repeat; mask: var(--ik) center / contain no-repeat; transform: rotate(-6deg); }
.yt-nk { position: absolute; left: 7%; bottom: 11%; background: var(--fluo-niebieski-jasny); color: #26251f; font: 600 3.8cqw var(--font-mono); padding: 1.6cqw 3cqw; transform: rotate(-3deg); }
.yt-zielony { --yt-bg: #2f5d43; --yt-fg: #fffdf6; --yt-ak: var(--fluo-limonka-jasny); }
.yt-papier  { --yt-bg: #fffdf6; --yt-fg: #26251f; --yt-ak: #2f5d43; }
.yt-niebieski { --yt-bg: var(--fluo-niebieski-tlo); --yt-fg: #26251f; --yt-ak: var(--fluo-niebieski-ciemny); }
.yt-czarny  { --yt-bg: #26251f; --yt-fg: #fffdf6; --yt-ak: var(--fluo-niebieski-jasny); }
.yt-sliwka  { --yt-bg: var(--fluo-sliwka-tlo); --yt-fg: #26251f; --yt-ak: var(--fluo-sliwka-ciemny); }
.yt-mieta   { --yt-bg: #e3ede4; --yt-fg: #26251f; --yt-ak: #2f5d43; }
.yt-zolty   { --yt-bg: #fff3a8; --yt-fg: #26251f; --yt-ak: #2f5d43; }
.yt-zielony .yt-nk, .yt-czarny .yt-nk { background: var(--fluo-sliwka-jasny); }
@media (max-width: 1100px) { .kw-siatka { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px)  { .kw-siatka { grid-template-columns: minmax(0, 1fr); } }
/* karty na ciemnym pasie „Projekty po godzinach” */
.side-projects .kw { color: #fffdf6; }
.side-projects .kw-meta, .side-projects .kw-lead { color: #d6e3d9; }
.side-projects .kw:hover .kw-tytul { color: var(--fluo-limonka-jasny); }
.side-projects .kw-mini { border-color: #fffdf6; }