/* Preslik tablice iz Word dokumenta "Kronostratigrafska ljestvica_tablica_Final.docx". */
:root {
  --word-border: 0.5pt solid #000;
  --table-width: 544.25pt;
  /* ~192 mm; Era/eratem je još dovoljno širok za najdulji naziv */
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background: #fff;
}

.document-page {
  min-height: 100vh;
  padding: 24pt 10pt 36pt;
}

.table-scroll {
  width: 100%;
  overflow-x: auto;
  padding: 0;
}

.kronostratigrafska-ljestvica {
  width: var(--table-width);
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto;
  /* Eksplicitno zadano kako stilovi članka/portala ne bi mijenjali tablicu.
  font-family: "Noto Serif", "Times New Roman", Times, serif;  */
  font-size: 11.5pt;
  font-weight: normal;
  line-height: 1;
}

.kronostratigrafska-ljestvica th,
.kronostratigrafska-ljestvica td {
  /* font-family: "Noto Serif", "Times New Roman", Times, serif; */
  font-size: 11.5pt;
  border: var(--word-border);
  padding: 0 3pt;
  /* blago smanjene bočne margine ćelija radi više prostora za tekst */
  background: #fff;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  overflow: visible;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

/* Prazan grid-stupac na početku fanerozojskog dijela nema vidljive rubove u Wordu. */
.kronostratigrafska-ljestvica .grid-before {
  border: none;
  padding: 0;
  background: transparent;
}

.kronostratigrafska-ljestvica .align-center {
  text-align: center;
}

.kronostratigrafska-ljestvica .align-right {
  text-align: right;
}

.kronostratigrafska-ljestvica .align-left {
  text-align: left;
}

.kronostratigrafska-ljestvica .valign-center {
  vertical-align: middle;
}

.kronostratigrafska-ljestvica .valign-bottom {
  vertical-align: bottom;
}

.kronostratigrafska-ljestvica .vertical-cell {
  padding-top: 4pt;
  padding-bottom: 4pt;
  text-align: center;
  vertical-align: middle;
}

.vertical-text {
  display: inline-block;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-orientation: mixed;
  max-height: 100%;
  line-height: 1;
  overflow-wrap: anywhere;
  word-break: break-all;
}

/* Brojevi su u srednjem od tri pomoćna stupca. Rubovi pomoćnih stupaca
   ciljano su uklonjeni u samom HTML-u kako bi vodoravne linije imale
   prekid oko brojčane vrijednosti kao u izvornom dokumentu. */
.kronostratigrafska-ljestvica .age-value {
  text-align: center;
  vertical-align: middle;
  white-space: normal;
}

@media (max-width: 760px) {
  .document-page {
    padding: 12pt 0 24pt;
  }

  .kronostratigrafska-ljestvica {
    margin-left: 8pt;
    margin-right: 8pt;
  }
}

@media print {
  @page {
    size: A4 portrait;
    margin: 8mm;
  }

  body {
    background: #fff;
  }

  .document-page {
    padding: 0;
    min-height: auto;
  }

  .table-scroll {
    overflow: visible;
  }

  .kronostratigrafska-ljestvica {
    width: 192mm;
    margin: 0 auto;
  }

  tr {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}

/* Nevidljivi završni polured omogućuje da 4567 bude vertikalno centriran
   preko završne vodoravne crte, kao i ostale vrijednosti u stupcu. */
.kronostratigrafska-ljestvica tr.final-age-spacer {
  height: 15.60pt;
}

.kronostratigrafska-ljestvica tr.final-age-spacer>td {
  border: none;
  padding: 0;
  height: 15.60pt;
  line-height: 0;
}


/* Naslovni redak: tekst je centriran i vodoravno i okomito. */
.kronostratigrafska-ljestvica tr[data-source-row="1"]>th {
  text-align: center;
  vertical-align: middle;
}

/* Vodoravni nazivi u stupcu Era/eratem ostaju u jednom retku.
   Stupac je proširen tako da i najdulji nazivi stanu unutar bordera. */
.kronostratigrafska-ljestvica .era-horizontal {
  white-space: nowrap;
  overflow: hidden;
  overflow-wrap: normal;
  word-break: normal;
}

/* Zaglavlje ima malo uži unutarnji razmak kako bi svi nazivi ostali u jednom retku. */
.kronostratigrafska-ljestvica tr[data-source-row="1"]>th {
  padding-left: 2pt;
  padding-right: 2pt;
}


/* Pomoćni redak unutar paleoproterozoika nema vizualnu visinu.
   Time NEOPROTEROZOIK, MEZOPROTEROZOIK i PALEOPROTEROZOIK
   imaju jednaku ukupnu visinu (31,20 pt). */
.kronostratigrafska-ljestvica tr.proterozoik-zero-spacer {
  height: 0 !important;
  line-height: 0;
}

.kronostratigrafska-ljestvica tr.proterozoik-zero-spacer>td {
  height: 0 !important;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 0;
  font-size: 0;
}