/* ===========================================================================
   06 — TREŚĆ

   Strony czytelnika: hero, aktualności, spis treści zeszytu, archiwum,
   strona artykułu, strony redakcyjne.

   ⚠ Selektory `obj_*` i `cmp_*` pochodzą z szablonów RDZENIA, których nie
     nadpisujemy — rdzeń nie nadaje im żadnych stylów, są czystymi hakami.
   =========================================================================== */

/* --- hero ----------------------------------------------------------------- */

.eos_hero {
  background: var(--eos-atrament);
  color: var(--eos-tlo);
}
.eos_hero_tresc {
  padding-top: var(--eos-odstep-84);
  padding-bottom: var(--eos-odstep-84);
}
.eos_hero_lewa { display: flex; flex-direction: column; gap: var(--eos-odstep-24); }

.eos_hero_etykieta {
  font-family: var(--eos-etykieta);
  font-size: var(--eos-pismo-12);
  letter-spacing: var(--eos-swiatlo-32);
  text-transform: uppercase;
  color: var(--eos-blekit-jasny);
  margin: 0;
}
.eos_hero_tytul {
  font-family: var(--eos-szeryf);
  font-style: italic;
  font-weight: var(--eos-waga-srednia);
  /* ⚠ 52 px, NIE 64. W nagłówku stoi teraz PEŁNA NAZWA CZASOPISMA
     („Eos. Commentarii Societatis Philologae Polonorum" — 47 znaków), a nie
     krótkie oznaczenie zeszytu. Przy 64 px i mierze 15 znaków łamała się na
     pięć wierszy i zjadała cały pierwszy ekran. */
  font-size: var(--eos-pismo-52);
  line-height: 1.12;
  letter-spacing: var(--eos-swiatlo-ciasne);
  max-width: 22ch;
  text-wrap: balance;
  color: var(--eos-tlo);
  margin: 0;
}
.eos_hero_opis {
  max-width: 58ch;
  font-size: var(--eos-pismo-17);
  line-height: var(--eos-interlinia-tekst);
  color: var(--eos-tlo-78);
  margin: 0;
}
.eos_hero_akcje { display: flex; gap: var(--eos-odstep-14); flex-wrap: wrap; margin-top: 6px; }
.eos_hero_prawa { display: flex; flex-direction: column; align-items: center; gap: var(--eos-odstep-16); }

/* ⚠ OKŁADKA JEST FOTOGRAFIĄ PIERWSZEGO ROCZNIKA (1894), nie składaną
   typografią. Poprzednia wersja rysowała atrapę okładki bieżącego numeru
   z samych stopni pisma — jej reguły (`.eos_okladka*`) usunięte razem
   ze znacznikiem, żeby nie zostawały jako martwy arkusz.

   ⚠ Obraz ma wtopioną przezroczystość i miękki cień, dlatego NIE dajemy mu
     tła ani ramki: na atramentowym tle hero cień jest jedynym, czego trzeba,
     a jakiekolwiek pudełko pod spodem obcinałoby go prostokątem. */
.eos_okladka_foto {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--eos-odstep-16);
  /* ⚠ 340 px, NIE 420. Przy 420 px fotografia ma 631 px wysokości — więcej niż
     cały blok tekstu obok, więc hero rosło do 866 px, a górna krawędź okładki
     wjeżdżała pod przyklejony nagłówek. Zmierzone. */
  max-width: 340px;
  width: 100%;
}
.eos_okladka_foto img {
  display: block;
  width: 100%;
  height: auto;
}
.eos_okladka_foto figcaption {
  font-family: var(--eos-etykieta);
  font-size: var(--eos-pismo-11);
  letter-spacing: var(--eos-swiatlo-18);
  text-transform: uppercase;
  color: var(--eos-tlo-70);
  text-align: center;
}

.eos_hero_issn {
  font-family: var(--eos-etykieta);
  font-size: var(--eos-pismo-11);
  letter-spacing: var(--eos-swiatlo-16);
  text-transform: uppercase;
  color: var(--eos-blekit-jasny);
}

/* --- aktualności ---------------------------------------------------------- */

.eos_wiadomosci {
  display: flex;
  flex-direction: column;
  border-top: var(--eos-linia) solid var(--eos-atrament-14);
}
.eos_wiadomosc {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: var(--eos-odstep-28);
  padding: var(--eos-odstep-28) 0;
  border-bottom: var(--eos-linia) solid var(--eos-atrament-14);
}
.eos_wiadomosc:last-child { border-bottom: 0; }
.eos_wiadomosc_data {
  font-family: var(--eos-etykieta);
  font-size: var(--eos-pismo-11);
  letter-spacing: var(--eos-swiatlo-16);
  text-transform: uppercase;
  color: var(--eos-atrament-55);
  padding-top: 6px;
}
.eos_wiadomosc_tresc { display: flex; flex-direction: column; gap: var(--eos-odstep-10); }
.eos_wiadomosc_tytul {
  font-family: var(--eos-szeryf);
  font-style: italic;
  font-weight: var(--eos-waga-polgruba);
  font-size: var(--eos-pismo-25);
  line-height: 1.3;
  max-width: var(--eos-miara-aktualnosc);
  margin: 0;
}
.eos_wiadomosc_tytul a { color: var(--eos-atrament); }
.eos_wiadomosc_tytul a:hover { color: var(--eos-blekit); text-decoration: none; }
.eos_wiadomosc p {
  font-size: var(--eos-pismo-15);
  line-height: 1.55;
  color: var(--eos-atrament-72);
  max-width: var(--eos-miara-akapit);
}
.eos_wiecej {
  font-family: var(--eos-etykieta);
  font-size: var(--eos-pismo-11);
  letter-spacing: var(--eos-swiatlo-16);
  text-transform: uppercase;
  margin-top: var(--eos-odstep-4);
  align-self: flex-start;
}

/* --- spis treści zeszytu -------------------------------------------------- */

.eos_zeszyt_naglowek {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--eos-odstep-32);
  flex-wrap: wrap;
  margin-bottom: var(--eos-odstep-44);
}

.obj_issue_toc .heading { margin-bottom: var(--eos-odstep-28); }
.obj_issue_toc .heading .published,
.eos_zeszyt_data {
  font-family: var(--eos-etykieta);
  font-size: var(--eos-pismo-11);
  letter-spacing: var(--eos-swiatlo-16);
  text-transform: uppercase;
  color: var(--eos-atrament-60);
}

/* Materiały całego zeszytu jako przyciski konturowe. */
/* ⚠ SELEKTOR BEZ `.obj_issue_toc`. Blok materiałów zeszytu stoi teraz w rzędzie
   nagłówka (poza spisem treści) — reguła zawężona do spisu przestała go
   obejmować i przyciski wracały do wyglądu punktowanej listy. */
.eos_zeszyt_naglowek .galleys_links,
.obj_issue_toc .galleys_links,
.eos_galeje {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: var(--eos-odstep-10);
  flex-wrap: wrap;
}

.obj_issue_toc .sections { display: flex; flex-direction: column; gap: var(--eos-odstep-40); }
.obj_issue_toc .cmp_article_list { list-style: none; margin: 0; padding: 0; }

/* ⚠ WIERSZ POZYCJI: tytuł i autor po lewej, strony oraz odsyłacz do pliku
   po prawej. Tak wykazuje spis treści sama redakcja we własnym archiwum
   („Autor, Tytuł, pp. 9–28"), więc układ ma nieść tę samą hierarchię. */
.obj_article_summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--eos-odstep-24);
  align-items: start;
  padding: var(--eos-odstep-20) 0;
  border-bottom: var(--eos-linia) solid var(--eos-atrament-12);
}
.obj_article_summary > .title {
  grid-column: 1;
  grid-row: 1;
  font-family: var(--eos-szeryf);
  font-style: italic;
  font-weight: var(--eos-waga-polgruba);
  font-size: var(--eos-pismo-21);
  line-height: var(--eos-interlinia-pozycja);
  max-width: var(--eos-miara-pozycja);
  margin: 0;
}
.obj_article_summary > .title a { color: var(--eos-atrament); }
.obj_article_summary > .title a:hover { color: var(--eos-blekit); text-decoration: none; }
.obj_article_summary > .meta { grid-column: 1; grid-row: 2; margin-top: var(--eos-odstep-7); }
.obj_article_summary .authors { font-size: var(--eos-pismo-14); color: var(--eos-atrament-70); }

.obj_article_summary > .galleys_links {
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-self: end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--eos-odstep-7);
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: var(--eos-etykieta);
  font-size: var(--eos-pismo-11);
  letter-spacing: var(--eos-swiatlo-14);
  text-transform: uppercase;
  white-space: nowrap;
}
.eos_strony { color: var(--eos-atrament-60); font-variant-numeric: tabular-nums; }

.obj_galley_link {
  font-family: var(--eos-etykieta);
  font-size: var(--eos-pismo-11);
  letter-spacing: var(--eos-swiatlo-14);
  text-transform: uppercase;
  color: var(--eos-blekit);
}
.obj_galley_link:hover { color: var(--eos-blekit-ciemny); }

/* Odsyłacz do materiału całego zeszytu wygląda jak przycisk konturowy. */
.eos_zeszyt_naglowek .obj_galley_link,
.obj_issue_toc .galleys .obj_galley_link {
  border: var(--eos-linia) solid var(--eos-atrament);
  color: var(--eos-atrament);
  padding: var(--eos-odstep-14) var(--eos-odstep-26);
  font-size: var(--eos-pismo-13);
  letter-spacing: var(--eos-swiatlo-16);
}
.eos_zeszyt_naglowek .obj_galley_link:hover,
.obj_issue_toc .galleys .obj_galley_link:hover {
  background: var(--eos-atrament);
  color: var(--eos-tlo);
  text-decoration: none;
}

/* --- strona artykułu ------------------------------------------------------ */

.eos_artykul_naglowek {
  padding-top: var(--eos-odstep-32);
  padding-bottom: var(--eos-odstep-56);
  border-bottom: var(--eos-linia) solid var(--eos-atrament-14);
}
.eos_artykul_tytul {
  font-family: var(--eos-szeryf);
  font-style: italic;
  font-weight: var(--eos-waga-srednia);
  font-size: var(--eos-pismo-52);
  line-height: 1.18;
  letter-spacing: var(--eos-swiatlo-ciasne);
  max-width: var(--eos-miara-tytul-art);
  text-wrap: balance;
  margin: 0 0 var(--eos-odstep-24);
}
.eos_autorzy { display: flex; align-items: baseline; gap: var(--eos-odstep-16); flex-wrap: wrap; }
.eos_autor_nazwa { font-size: var(--eos-pismo-19); }
.eos_autor_afiliacja { font-size: var(--eos-pismo-15); color: var(--eos-atrament-60); }
.eos_autor_orcid {
  font-family: var(--eos-etykieta);
  font-size: var(--eos-pismo-11);
  letter-spacing: var(--eos-swiatlo-14);
  text-transform: uppercase;
}

.eos_artykul_uklad { padding-top: var(--eos-odstep-56); padding-bottom: var(--eos-odstep-88); }
.eos_artykul_tresc { display: flex; flex-direction: column; gap: var(--eos-odstep-44); }
.eos_artykul_tresc p {
  font-size: var(--eos-pismo-18);
  line-height: var(--eos-interlinia-luzna);
  max-width: var(--eos-miara-akapit);
  margin: 0 0 var(--eos-odstep-18);
}
.eos_artykul_tresc p:last-child { margin-bottom: 0; }

/* Pełny tekst jako wyróżniony blok: w czasopiśmie retrospektywnym to
   najważniejsze działanie na stronie, a w układzie rdzenia ginęło w kolumnie
   bocznej. */
.eos_pelny_tekst {
  background: var(--eos-atrament);
  color: var(--eos-tlo);
  padding: var(--eos-odstep-32);
  display: flex;
  flex-direction: column;
  gap: var(--eos-odstep-16);
}
.eos_pelny_tekst p {
  font-size: var(--eos-pismo-16);
  line-height: var(--eos-interlinia-tekst);
  color: var(--eos-tlo-80);
  max-width: 56ch;
  margin: 0;
}
.eos_pelny_tekst .eos_galeje { margin-top: 6px; gap: var(--eos-odstep-12); }
.eos_pelny_tekst .obj_galley_link {
  background: var(--eos-tlo);
  color: var(--eos-atrament);
  border: 0;
  padding: 15px var(--eos-odstep-28);
  font-size: var(--eos-pismo-13);
  letter-spacing: var(--eos-swiatlo-16);
}
.eos_pelny_tekst .obj_galley_link:hover {
  background: var(--eos-blekit-jasny);
  color: var(--eos-atrament);
  text-decoration: none;
}

/* ⚠ BLOK „HOW TO CITE" NIE JEST JUŻ NASZ. Rysuje go wtyczka Citation Style
   Language przez hak `Templates::Article::Details`; my dajemy mu tylko wygląd
   (arkusz 08). Wcześniej mieliśmy tu własną, równoległą wersję — na stronie
   artykułu „How to Cite" pojawiało się dwa razy. */

/* --- treści redakcyjne (strony statyczne, „O czasopiśmie") ---------------- */

.eos_proza { max-width: var(--eos-miara-akapit); }
.eos_proza p,
.eos_proza li { font-size: var(--eos-pismo-16); line-height: var(--eos-interlinia-tekst); }
.eos_proza p { margin: 0 0 var(--eos-odstep-18); }
.eos_proza h2,
.eos_proza h3 {
  font-family: var(--eos-szeryf);
  font-style: italic;
  font-weight: var(--eos-waga-srednia);
  margin: var(--eos-odstep-40) 0 var(--eos-odstep-16);
}
.eos_proza h2 { font-size: 30px; }
.eos_proza h3 { font-size: 24px; }
.eos_proza ul,
.eos_proza ol { margin: 0 0 var(--eos-odstep-18) var(--eos-odstep-20); }
.eos_proza li { margin-bottom: var(--eos-odstep-8); }

/* Kolumna szybkich odsyłaczy w karcie bocznej. */
.eos_odsylacze {
  display: flex;
  flex-direction: column;
  gap: var(--eos-odstep-8);
  font-size: var(--eos-pismo-15);
  line-height: 1.5;
}