/* ───────── GŁÓWNY TIMELINE DLA PRESS (stage5a + ytnews) ───────── */
/* 2 kolumny, zawijanie, przerwy jak w nonfin-yt */

.press-timeline{
  display:flex;
  flex-wrap:wrap;           /* ← DWIE KOLUMNY, ZAWIJANIE */
  gap:10px;
  padding:4px 2px;
  align-items:stretch;
  box-sizing:border-box;
}

/* ───────── POJEDYNCZY BOX STAGE5A ───────── */
/* każdy box ~50% szerokości, jak nonfin-yt */

.stage5a-card{
  flex:1 1 calc(50% - 10px);  /* ~połowa szerokości */
  max-width:calc(50% - 10px);
  min-width:260px;            /* żeby na wąskim ekranie nie pękało brzydko */

  background:#000000;
  border:1px solid rgba(255,255,255,0.22);
  border-radius:0;             /* ostre krawędzie */
  padding:12px 14px;
  color:var(--text,#e5e7eb);
  font-size:13px;
  line-height:1.5;
  box-sizing:border-box;
}

/* DATA U GÓRY BOXU */

.stage5a-date{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.10em;
  color:var(--text-dim,#cbd5e1);
  margin-bottom:6px;
}

/* HEADLINE – TROSZKĘ WIĘKSZY, WYRAŹNIE ODDZIELONY OD TEKSTU */

.stage5a-headline{
  font-size:15px;
  font-weight:500;
  line-height:1.6;
  margin-bottom:10px; /* większy odstęp od summary */
}

/* ───────── SUMMARY – TEKST GŁÓWNY + DROP CAP ───────── */

/* Główny blok tekstu – węższa szerokość i bardziej miękki kolor */
.stage5a-summary{
  font-size:13px;
  line-height:1.7;                          /* odrobinkę luźniej dla oczu */
  color:var(--text-dim,#cbd5e1);            /* delikatny szary zamiast czystej bieli */
  margin-bottom:8px;
  white-space:pre-wrap;
  max-width:70ch;                           /* ograniczona szerokość kolumny */
  padding-top:6px;                          /* mały odstęp od headline */
  border-top:1px solid rgba(148,163,184,0.30); /* subtelna linia oddzielająca nagłówek od tekstu */
  text-transform:none;                      /* reszta tekstu normalnie */
}

/* Pierwsza litera jak w prasie – duża, na 2–3 linie */
.stage5a-summary::first-letter{
  text-transform:uppercase !important;      /* wymuś wielką literę */
  font-size:2.8em;                          /* wysokość na ok. 2–3 linie */
  line-height:0.9;
  float:left;
  padding-right:6px;
  padding-top:4px;
  font-weight:600;
  color:var(--text,#e5e7eb);                /* odrobinę jaśniejsza niż reszta tekstu */
}

/* ───────── KARUZELA ŹRÓDEŁ / EVIDENCE ───────── */

.stage5a-evidence-row{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;           /* pozioma lista, brak zawijania */
  gap:8px;
  overflow-x:auto;            /* przewijanie w poziomie = karuzela */
  padding:4px 0 2px 0;
  margin-top:6px;
}

/* lekki scroll */

.stage5a-evidence-row::-webkit-scrollbar{
  height:6px;
}
.stage5a-evidence-row::-webkit-scrollbar-track{
  background:rgba(15,23,42,0.9);
}
.stage5a-evidence-row::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,0.6);
}

/* POJEDYNCZA KARTA ŹRÓDŁA W KARUZELI */

.stage5a-evidence-card{
  flex:0 0 210px;              /* stała szerokość karty (karuzela) */
  max-width:210px;
  background:#050505;
  border:1px solid rgba(255,255,255,0.26);
  border-radius:0;
  padding:6px 8px 8px 8px;
  box-sizing:border-box;
}

/* LABEL "SOURCE" */

.stage5a-ev-source-label{
  display:block;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:rgba(148,163,184,0.9);
  margin-bottom:2px;
}

/* NAZWA ŹRÓDŁA */

.stage5a-ev-source{
  display:block;
  font-size:12px;
  color:var(--text,#e5e7eb);
  margin-bottom:2px;
}

/* DATA ŹRÓDŁA (Z EVIDENCE.DATE) */

.stage5a-ev-date{
  display:block;
  font-size:11px;
  color:var(--text-dim,#cbd5e1);
  margin-bottom:4px;
}

/* THUMBNAIL – BEZ OBCINANIA */

.stage5a-thumb-link{
  display:block;
  margin:0 auto 4px auto;
  text-align:center;
}

.stage5a-thumb-img{
  width:100%;
  height:auto;                /* pełny obrazek */
  max-height:140px;
  object-fit:contain;         /* NIE obcina – pokazuje cały thumb */
  border-radius:0;
  border:1px solid rgba(148,163,184,0.6);
  display:block;
  background:#000;
}

/* TYTUŁ ŹRÓDŁA POD MINIATURĄ */

.stage5a-ev-title{
  font-size:12px;
  font-weight:500;
  color:var(--text,#e5e7eb);
  text-decoration:none;
  display:block;
  margin-top:2px;
}

.stage5a-ev-title:hover{
  text-decoration:underline;
}