/* =============================================================================
   DI — arkusz nowego układu (makieta zatwierdzona 11.08.2026)
   Źródło prawdy: 05-instrukcje/makieta-hybryda.html
   Ładowany PO style.css motywu potomnego. Wszystkie klasy nowego układu mają
   przedrostek `dig-`, żeby nie zderzyć się ze starym arkuszem.
   ============================================================================= */

/* --- krój lokalny: Space Grotesk 500/700, podzbiór łaciński + polskie znaki.
       NIE linkujemy do Google Fonts: zewnętrzne żądanie przy każdym wejściu
       (wydajność) i transfer danych czytelnika do USA bez zgody (baner zgód). */
@font-face{
  font-family:"Space Grotesk"; font-style:normal; font-weight:500; font-display:swap;
  src:url("fonts/space-grotesk-500.woff2") format("woff2");
}
@font-face{
  font-family:"Space Grotesk"; font-style:normal; font-weight:700; font-display:swap;
  src:url("fonts/space-grotesk-700.woff2") format("woff2");
}

/* =============================================================================
   PALETA — wartości 1:1 z makiety. Nadpisujemy --di-* (a nie dublujemy paletą
   obok), żeby artykuły i kategorie miały tę samą barwę co strona główna.
   ============================================================================= */
:root{
  --di-tekst:#1a1917; --di-tekst-2:#6f675d; --di-tlo:#f2f0ec;
  --di-karta:#fffefb; --di-linia:#dedad2;
  --t3:#9a9187;
  --k1:200 34% 40%; --k2:158 32% 34%; --k3:32 44% 40%; --k4:268 26% 48%;
  --k5:352 38% 44%; --k6:186 32% 35%; --k7:18 40% 43%; --k8:305 24% 46%;
  --mono:ui-monospace,SFMono-Regular,Menlo,"Roboto Mono",monospace;
  --logo:"Space Grotesk",system-ui,sans-serif;
}
html[data-di-ciemny="1"]{
  --di-tekst:#eae6df; --di-tekst-2:#9c9489; --di-tlo:#0f0f0e;
  --di-karta:#191817; --di-linia:#2c2a27;
  --t3:#6d665d;
  --di-porada:#5cc189;
  --k1:200 44% 60%; --k2:158 40% 52%; --k3:32 54% 58%; --k4:268 38% 68%;
  --k5:352 50% 66%; --k6:186 42% 55%; --k7:18 52% 60%; --k8:305 34% 66%;
}
/* aliasy nazw z makiety — dzięki nim reguły niżej są 1:1 z plikiem makiety */
:root, html[data-di-ciemny="1"]{
  --t:var(--di-tekst); --t2:var(--di-tekst-2); --bg:var(--di-tlo);
  --pow:var(--di-karta); --lin:var(--di-linia);
  --akc:var(--di-akcent); --por:var(--di-porada);
}

/* =============================================================================
   FUNDAMENT
   ============================================================================= */
.dig-wrap{max-width:1240px;margin:0 auto;padding:0 22px}
.dig-lb{font-family:var(--logo);font-size:12px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:var(--t3)}
.dig-pt{display:block;text-align:right;font-family:var(--mono);font-size:9.5px;
  color:var(--t3);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
.dig-brak-foto{display:block;width:100%;background:var(--lin)}

/* Blocksy owija treść we własny kontener — na stronie głównej go pomijamy
   (front-page.php nie woła blocksy_before_current_template), więc zdejmujemy
   też ograniczenia szerokości i marginesy motywu. */
.home main.site-main{max-width:none;width:auto;margin:0;padding:0}
.home .ct-container{max-width:none;padding:0}

/* =============================================================================
   PASEK REKLAMOWY — przyklejony, zawija się, nic nie znika
   ============================================================================= */
.dig-adbar{position:sticky;top:0;z-index:100;background:var(--pow);
  border-top:1px solid var(--lin);border-bottom:1px solid var(--lin);font-size:14.5px}
.dig-adbar .dig-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;
  min-height:38px;padding-top:7px;padding-bottom:7px}
.dig-adbar-mid{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:7px 24px;
  justify-content:center;color:var(--t2);font-weight:600}
.dig-adbar-mid a{color:inherit;text-decoration:none}
.dig-adbar-mid a:hover{color:var(--akc)}
.dig-adbar-rt{flex:0 0 auto;margin-left:auto;font-family:var(--mono);font-size:13px;
  color:var(--t2);letter-spacing:.06em;display:flex;align-items:center;gap:10px}
/* „dodaj" MUSI czytać się jako link do oferty reklamowej — wcześniej ginęło
   w przygaszonej szarości (zgłoszenie Krizu 12.08) */
.dig-adbar-rt a{color:var(--akc);text-decoration:none;font-weight:700}
.dig-adbar-rt a:hover{text-decoration:underline}
.dig-adbar-sp{flex:0 0 96px}
@media(max-width:900px){
  .dig-adbar-sp{display:none}
  .dig-adbar-mid{justify-content:flex-start}
  .dig-adbar-rt{margin-left:0}
}

/* =============================================================================
   LOGOTYP + MENU KATEGORII
   ============================================================================= */
.dig-hdr{background:var(--pow);border-bottom:1px solid var(--lin)}
.dig-hdr .dig-wrap{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:40px;
  padding:24px 22px}
.dig-brand{flex:0 0 auto;line-height:.9;display:block;text-decoration:none}
.dig-brand b{display:block;font-family:var(--logo);font-weight:700;font-size:41px;
  letter-spacing:.075em}
.dig-brand b:first-of-type{color:var(--t)}
.dig-brand b:last-of-type{color:var(--akc);position:relative}
.dig-brand b:last-of-type::after{content:"";position:absolute;left:0;right:.075em;
  bottom:-6px;height:3px;background:var(--akc)}
.dig-brand i{display:block;font-style:normal;font-size:11px;color:var(--t2);
  letter-spacing:.11em;margin-top:17px;font-weight:600;font-family:var(--mono)}
/* menu zawija się OBOK logotypu, nigdy pod nie (powyżej 640 px) */
.dig-kat-menu{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:8px 18px;
  justify-content:flex-end;align-content:flex-start;
  font-size:13.5px;font-weight:600;color:var(--t2);padding-top:6px}
.dig-kat-menu a{white-space:nowrap;color:inherit;text-decoration:none}
.dig-kat-menu a:hover{color:var(--akc)}
@media(max-width:640px){
  .dig-hdr .dig-wrap{flex-wrap:wrap;gap:16px}
  .dig-kat-menu{justify-content:flex-start;padding-top:0}
  .dig-brand b{font-size:34px}
}

/* =============================================================================
   WSTĄŻKA PORAD — etykieta pionowo, litera pod literą, krojem logotypu
   ============================================================================= */
.dig-porady{background:var(--pow);border-bottom:1px solid var(--lin);padding:18px 0}
.dig-porady .dig-wrap{display:flex;gap:14px;align-items:stretch}
.dig-por-et{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;
  align-items:center;border:2px solid var(--por);color:var(--por);padding:10px 12px;
  font-family:var(--logo);font-weight:700;font-size:19px;line-height:1.08;
  letter-spacing:.02em;text-decoration:none}
.dig-por-et:hover{background:color-mix(in srgb,var(--por) 10%,transparent)}
.dig-por-okno{flex:1;min-width:0;position:relative}
.dig-por-okno::after{content:"";position:absolute;top:0;bottom:5px;right:0;width:46px;
  pointer-events:none;background:linear-gradient(90deg,transparent,var(--pow))}
.dig-por-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:5px;
  scroll-snap-type:x mandatory;scrollbar-width:none}
.dig-por-scroll::-webkit-scrollbar{display:none}
.dig-kw{flex:0 0 190px;min-height:190px;scroll-snap-align:start;padding:16px;
  display:flex;flex-direction:column;justify-content:flex-end;
  background:hsl(var(--kwh)/.11);color:var(--t);text-decoration:none;
  font-size:20px;font-weight:700;line-height:1.22;letter-spacing:-.026em;transition:.15s}
.dig-kw:hover{background:hsl(var(--kwh)/.2);transform:translateY(-2px)}
.dig-kw .dig-pt{margin-top:8px}
.dig-por-next{flex:0 0 36px;border:1px solid var(--lin);background:var(--pow);
  cursor:pointer;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:12px;padding:14px 0;color:var(--t2);
  font-family:inherit;transition:.15s}
.dig-por-next:hover{border-color:var(--por);color:var(--por)}
.dig-tor{position:relative;width:3px;flex:1;background:var(--lin);min-height:46px}
.dig-uch{position:absolute;left:0;width:3px;background:var(--por);
  transition:top .12s linear,height .12s linear}
.dig-chev{font-size:19px;line-height:1}

/* =============================================================================
   SIATKA STRONY GŁÓWNEJ
   ============================================================================= */
.dig-grid{display:grid;grid-template-columns:1fr 330px;gap:28px;
  padding:28px 0 34px;align-items:start}
@media(max-width:940px){.dig-grid{grid-template-columns:1fr}}
.dig-grid a{color:inherit;text-decoration:none}
.dig-grid ul{margin:0;padding:0;list-style:none}
.dig-grid h2,.dig-grid h3,.dig-grid h4{margin:0;font-weight:700;
  letter-spacing:-.018em;line-height:1.18}
.dig-grid img{display:block;width:100%;height:auto;object-fit:cover;background:var(--lin)}
.dig-box{background:var(--pow);border:1px solid var(--lin);padding:22px;margin-bottom:22px}
.dig-bh{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.dig-bh h2{font-family:var(--logo);font-size:16px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase}
.dig-bh.dig-pr{justify-content:flex-end}
.dig-go{margin-left:auto;font-family:var(--mono);font-size:10.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}
.dig-go:hover{color:var(--akc)}
.dig-ikony{margin-left:auto;display:flex;gap:8px}
.dig-ik{width:34px;height:34px;border:1px solid var(--lin);background:var(--bg);
  color:var(--t2);cursor:pointer;display:grid;place-items:center;padding:0}
.dig-ik:hover{border-color:var(--akc);color:var(--akc)}
.dig-ik svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}

/* --- Temat dnia: tytuł I lid NA zdjęciu --- */
.dig-temat{display:grid;grid-template-columns:452px 1fr;gap:28px}
@media(max-width:860px){.dig-temat{grid-template-columns:1fr}}
/* align-self:start — bez tego kafel rozciągał się do wysokości sąsiedniej kolumny
   i pod zdjęciem zostawał czarny pas (złapane przy 1000 px, 12.08) */
.dig-hero{position:relative;display:block;overflow:hidden;align-self:start}
/* zdjęcia w bazie są POZIOME, kadr jest pionowy — kadrujemy nieco powyżej środka,
   bo tam zwykle są twarze i przedmiot zdjęcia (plików nie ruszamy) */
.dig-hero img,.dig-hero .dig-brak-foto{aspect-ratio:4/5;object-position:50% 38%}
.dig-scrim{position:absolute;inset:0;
  background:linear-gradient(to top,rgba(8,8,7,.95) 0%,rgba(8,8,7,.86) 26%,
    rgba(8,8,7,.42) 50%,rgba(8,8,7,0) 72%)}
.dig-txt{position:absolute;left:0;right:0;bottom:0;padding:24px}
.dig-txt h3{color:#fff;font-size:30px;letter-spacing:-.036em;line-height:1.14;
  text-shadow:0 1px 18px rgba(0,0,0,.6)}
.dig-lid{color:rgba(255,255,255,.8);font-size:14.5px;line-height:1.42;
  margin:11px 0 0;display:block}
.dig-hero:hover h3{color:#ffd9dc}
.dig-txt .dig-pt{color:rgba(255,255,255,.72)}

/* --- TELEFON: naprawa zgłoszona przez Krizu 12.08 (iPhone 15 Pro / Chrome) ---
   Na wąskim ekranie tytuł z lidem nie mieścił się nad dolną krawędzią zdjęcia
   i był ucinany od góry. Poprawka: kadr wyższy (4:5 zamiast 4:3 — więcej miejsca
   na tekst), mniejsze pismo, twardy limit linii i zakaz wyjścia poza zdjęcie. */
@media(max-width:860px){
  .dig-hero img,.dig-hero .dig-brak-foto{aspect-ratio:4/5}
  .dig-txt{padding:18px;max-height:100%;overflow:hidden;display:flex;
    flex-direction:column;justify-content:flex-end}
  .dig-txt h3{font-size:23px;letter-spacing:-.03em;
    display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .dig-lid{font-size:13.5px;margin-top:9px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}
@media(max-width:420px){
  .dig-txt h3{font-size:21px;-webkit-line-clamp:5}
  .dig-lid{-webkit-line-clamp:2}
}

.dig-dodatkowe li{padding:15px 0;border-bottom:1px solid var(--lin)}
.dig-dodatkowe li:first-child{padding-top:0}
.dig-dodatkowe h4{font-size:18px;font-weight:700;letter-spacing:-.024em}
.dig-dodatkowe a:hover h4{color:var(--akc)}
.dig-fala{margin-top:20px}
.dig-fala .dig-lb{display:inline-block;
  background:color-mix(in srgb,var(--akc) 13%,transparent);
  color:var(--akc);padding:5px 11px;margin-bottom:11px;letter-spacing:.18em}
.dig-fala li{display:flex;gap:11px;padding:8px 0;font-size:15px;font-weight:600;
  line-height:1.32}
.dig-fala li b{flex:0 0 18px;font-family:var(--mono);color:var(--akc);font-size:12px;
  font-weight:700;padding-top:2px}
.dig-fala a:hover{color:var(--akc)}
/* w zwartym rankingu znacznik idzie w tej samej linii, nie pod spodem */
.dig-fala .dig-pt{display:inline;margin-left:8px;text-align:left;white-space:nowrap}

/* --- Polecane strony + Artykuły partnerów --- */
.dig-pol{display:grid;grid-template-columns:.72fr 1.28fr;gap:30px}
@media(max-width:860px){.dig-pol{grid-template-columns:1fr}}
.dig-pol-lista li{border-bottom:1px solid var(--lin)}
.dig-pol-lista li:last-child{border-bottom:0}
.dig-pol-lista a{display:flex;gap:11px;align-items:baseline;padding:11px 0}
.dig-pol-lista a::before{content:"";flex:0 0 7px;height:7px;background:var(--akc);
  transform:translateY(-2px);transition:.15s}
.dig-pol-lista a:hover::before{transform:translateY(-2px) rotate(45deg)}
.dig-n{font-size:17px;font-weight:700;letter-spacing:-.02em}
.dig-o{display:block;font-size:12px;color:var(--t3);font-weight:400;margin-top:2px}
.dig-pol-lista a:hover .dig-n{color:var(--akc)}
.dig-dodaj{font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;margin-top:14px}
/* kanał sprzedaży — ma być widoczny, nie przygaszony (zgłoszenie Krizu 12.08) */
.dig-dodaj a{color:var(--akc);font-weight:700}
.dig-dodaj a:hover{text-decoration:underline}
.dig-part6{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px}
.dig-part6 a{position:relative;overflow:hidden;border:1px solid var(--lin);
  background:var(--bg);transition:.15s;
  /* zdjęcie, przyciemnienie i tytuł w JEDNEJ komórce siatki: gdy tytuł jest wyższy
     od kadru, kafel rośnie, a zdjęcie się dociąga — zamiast obcinać tekst */
  display:grid}
.dig-part6 a > *{grid-area:1/1}
.dig-part6 a:hover{border-color:var(--akc)}
/* kadr 4:5 zamiast kwadratu: przy najdłuższych tytułach zdjęcia zostaje więcej
   (pomiar 12.08: przy kwadracie tytuł zakrywał 99% kadru, przy 4:5 ~2/3) */
.dig-part6 img,.dig-part6 .dig-brak-foto{aspect-ratio:4/5;height:100%}
.dig-part6 .dig-t{align-self:end}
/* lekkie przyciemnienie całego kadru — żeby tytuł czytał się też przy jasnym zdjęciu */
.dig-part6 .dig-scrim{background:linear-gradient(to top,rgba(8,8,7,.35) 0%,rgba(8,8,7,0) 55%)}
/* ⚠️ Decyzja Krizu 12.08: tytułów NIE ucinamy. Tekst rośnie od dołu w GÓRĘ i zakrywa
   tyle zdjęcia, ile potrzebuje — dlatego przyciemnienie jest na samym tytule
   (rośnie razem z nim), a nie na stałej wysokości kadru. */
.dig-part6 .dig-t{position:absolute;left:0;right:0;bottom:0;padding:26px 11px 11px;
  color:#fff;font-size:12.5px;font-weight:700;line-height:1.24;letter-spacing:-.018em;
  text-shadow:0 1px 10px rgba(0,0,0,.6);
  background:linear-gradient(to top,rgba(8,8,7,.95) 0%,rgba(8,8,7,.92) 62%,
    rgba(8,8,7,.55) 86%,rgba(8,8,7,0) 100%)}
@media(max-width:560px){
  .dig-part6 .dig-t{font-size:12px;padding:22px 9px 9px}
}
.dig-part6 a:hover .dig-t{color:#ffd9dc}

/* =============================================================================
   BOKSY KATEGORII — płaskie pole koloru, lead w prostokącie,
   lista z poziomą kreską na 50% szerokości wyrównaną DO LEWEJ
   ============================================================================= */
.dig-kategorie{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:780px){.dig-kategorie{grid-template-columns:1fr}}
.dig-box.dig-kat{padding:0;display:flex;flex-direction:column}
.dig-kat .dig-kh{background:hsl(var(--kh));padding:11px 16px;display:flex;align-items:center}
.dig-kat .dig-kh h2{font-family:var(--logo);font-size:14px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--pow)}
.dig-kat .dig-kh .dig-go{margin-left:auto;font-family:var(--mono);font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--pow);opacity:.72}
.dig-kat .dig-kh .dig-go:hover{opacity:1;color:var(--pow)}
.dig-kat .dig-lead{display:block;background:hsl(var(--kh)/.13);padding:26px 20px 28px;
  transition:.15s;min-height:132px}
.dig-kat .dig-lead:hover{background:hsl(var(--kh)/.22)}
.dig-kat .dig-lead .dig-t{font-size:23px;font-weight:800;letter-spacing:-.034em;
  line-height:1.2}
.dig-lista-kat{border-left:3px solid hsl(var(--kh));margin:16px 0 18px}
.dig-lista-kat a{display:block;transition:.15s;padding:12px 16px}
.dig-lista-kat .dig-t{font-size:16px;font-weight:600;line-height:1.34;
  letter-spacing:-.015em}
.dig-lista-kat li+li{position:relative}
.dig-lista-kat li+li::before{content:"";position:absolute;top:0;left:0;height:1px;
  width:50%;background:hsl(var(--kh)/.42)}
.dig-lista-kat a:hover .dig-t{color:hsl(var(--kh))}

/* =============================================================================
   PRAWA KOLUMNA
   ============================================================================= */
@media(min-width:941px){.dig-aside{position:sticky;top:56px}}
.dig-wyd li{display:flex;gap:0;padding:15px 0;border-top:1px solid var(--lin);
  align-items:flex-start}
.dig-wyd li:first-child{border-top:0;padding-top:0}
.dig-dt{flex:0 0 52px;text-align:center;padding:2px 14px 2px 0;
  border-right:1px solid var(--lin);align-self:stretch}
.dig-dt b{display:block;font-size:23px;font-weight:800;letter-spacing:-.045em;
  line-height:.95}
.dig-dt s{display:block;font-family:var(--mono);font-size:9px;text-transform:uppercase;
  letter-spacing:.12em;color:var(--t3);text-decoration:none;margin-top:4px}
.dig-wyd .dig-t{display:block;padding-left:14px;font-size:17px;font-weight:700;
  line-height:1.26;letter-spacing:-.022em}
.dig-wyd a:hover .dig-t{color:var(--akc)}
.dig-now-okno{position:relative}
.dig-now-okno::after{content:"";position:absolute;left:0;right:14px;bottom:0;height:34px;
  pointer-events:none;background:linear-gradient(180deg,transparent,var(--pow))}
/* suwak ZAWSZE widoczny — systemowy na macOS znika, a to jest tu wskazówka nawigacyjna */
.dig-now-scroll{max-height:calc(100vh - 240px);overflow-y:auto;padding-right:14px;
  scrollbar-width:thin;scrollbar-color:var(--akc) var(--lin)}
.dig-now-scroll::-webkit-scrollbar{width:8px}
.dig-now-scroll::-webkit-scrollbar-track{background:var(--lin)}
.dig-now-scroll::-webkit-scrollbar-thumb{background:var(--akc);border:2px solid var(--lin)}
.dig-now-scroll li{border-top:1px solid var(--lin)}
.dig-now-scroll li:first-child{border-top:0}
.dig-now-scroll a{display:block;padding:10px 0;font-size:14.5px;font-weight:600;
  line-height:1.34}
.dig-now-scroll a:hover{color:var(--akc)}

/* =============================================================================
   PAS PARTNERÓW + STOPKA (pełna szerokość)
   ============================================================================= */
.dig-pas{border-top:1px solid var(--lin);background:var(--pow);padding:26px 0}
.dig-pas .dig-lb{margin-bottom:14px;display:flex;align-items:center;gap:14px}
.dig-pas-dodaj{margin-left:auto;color:var(--akc);text-decoration:none;font-weight:700}
.dig-pas-dodaj:hover{text-decoration:underline}
.dig-kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.dig-kafle a{aspect-ratio:5/2;border:1px solid var(--lin);background:var(--bg);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  text-align:center;padding:12px;transition:.15s;color:var(--t);text-decoration:none}
.dig-kafle a:hover{border-color:var(--akc);color:var(--akc)}
.dig-kafel-nazwa{font-size:15px;font-weight:700;line-height:1.25;letter-spacing:-.015em;
  word-break:break-word}
.dig-kafel-opis{font-size:12px;font-weight:400;line-height:1.25;color:var(--t3)}
.dig-kafle a:hover .dig-kafel-opis{color:var(--t3)}
.dig-stopka{border-top:1px solid var(--lin);background:var(--pow);padding:28px 0 34px;
  font-size:13px;color:var(--t2)}
.dig-stopka .dig-wrap{display:flex;gap:34px;flex-wrap:wrap}
.dig-stopka a{color:inherit;text-decoration:none}
.dig-stopka a:hover{color:var(--akc)}
.dig-k{flex:1 1 250px}
.dig-k b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--t3);margin-bottom:9px;font-weight:700}
.dig-stopka nav{display:flex;gap:15px;flex-wrap:wrap;font-weight:600}
.dig-sociale{margin:12px 0 0;display:flex;gap:14px;font-weight:600}
.dig-cp{width:100%;border-top:1px solid var(--lin);padding-top:16px;font-size:11.5px;
  color:var(--t3)}

/* =============================================================================
   PODSTRONA „Najnowsze" (ostatnie 2 dni) — link z nagłówka boksu
   ============================================================================= */
.dig-najnowsze-lista li{border-top:1px solid var(--lin)}
.dig-najnowsze-lista li:first-child{border-top:0}
.dig-najnowsze-lista a{display:flex;gap:14px;align-items:baseline;padding:12px 0;
  color:inherit;text-decoration:none}
.dig-najnowsze-lista a:hover .dig-t{color:var(--akc)}
.dig-najnowsze-lista time{flex:0 0 92px;font-family:var(--mono);font-size:11px;
  color:var(--t3);letter-spacing:.06em}
.dig-najnowsze-lista .dig-t{font-size:17px;font-weight:700;line-height:1.3;
  letter-spacing:-.02em}
