/* „Na czasie w aptece" — strona z pełną listą tematów miesiąca (11.09.2026).
   Samodzielny arkusz: `home-wd.css` (skąd pochodzi wygląd raila) jedzie WYŁĄCZNIE na froncie
   i niesie nadpisania stref marek, więc doładowanie go tutaj wciągnęłoby pół strony głównej. */

.nc-wrap { max-width: 1160px; margin: 0 auto 56px; padding: 0 24px; }

.nc-sec { margin: 0 0 36px; }
.nc-h {
  font-family: 'Onest', sans-serif; font-size: 19px; font-weight: 700;
  margin: 0 0 4px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;
}
.nc-h a { color: inherit; text-decoration: none; border-bottom: 1px solid var(--line-2); }
.nc-h a:hover { border-bottom-color: var(--primary); color: var(--primary); }
/* Licznik: ile treści stoi za tematem. Mono, bo to dana techniczna, nie tekst. */
.nc-n {
  font-family: 'IBM Plex Mono', monospace; font-size: 11px; font-weight: 600;
  color: var(--ink-4); background: var(--bg-2); border-radius: 99px; padding: 1px 7px;
}
.nc-d { margin: 0 0 12px; font-family: 'Source Sans 3', sans-serif; font-size: 13.5px; color: var(--ink-3); line-height: 1.5; max-width: 70ch; }

/* Dwie kolumny od 860 px. Poniżej jedna — wiersz z miniaturą 74 px i dwoma liniami tekstu
   nie ma się jak zmieścić obok drugiego takiego samego. */
.nc-lista { display: grid; grid-template-columns: 1fr; gap: 2px 28px; margin-top: 10px; }
@media (min-width: 860px) { .nc-lista { grid-template-columns: 1fr 1fr; } }

.nc-it {
  display: flex; gap: 12px; padding: 9px 0; text-decoration: none; color: inherit;
  border-bottom: 1px solid var(--line-1); align-items: flex-start; min-width: 0;
}
.nc-it:hover .nc-t { color: var(--primary); }
.nc-th {
  flex: 0 0 74px; width: 74px; aspect-ratio: 16 / 10; border-radius: 10px;
  overflow: hidden; background: var(--bg-2);
}
.nc-th img { width: 100%; height: 100%; object-fit: cover; display: block;
  /* Ten sam filtr marki co na kaflach frontu (#0151) — inaczej ta strona odstaje kolorem. */
  filter: saturate(0.78) contrast(0.96); }
.nc-th--empty { background: var(--bg-3, var(--bg-2)); }
.nc-tx { min-width: 0; }
.nc-t { display: block; font-family: 'Onest', sans-serif; font-size: 13.5px; font-weight: 600; line-height: 1.34; }
.nc-m { display: block; font-family: 'Source Sans 3', sans-serif; font-size: 11.5px; color: var(--ink-4); margin-top: 2px; }
.nc-m .dz { color: var(--primary); font-weight: 600; }

/* Tematy bez powiązanych treści — sam link do karty, żeby sekcja nie kłamała pustką. */
.nc-karty { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.nc-karta {
  display: inline-block; padding: 4px 12px; border-radius: 99px; font-size: 13px;
  background: color-mix(in srgb, var(--primary) 8%, transparent); color: var(--primary); text-decoration: none;
}
.nc-karta:hover { background: color-mix(in srgb, var(--primary) 15%, transparent); }
.nc-brak { font-family: 'Source Sans 3', sans-serif; color: var(--ink-3); }