/* === BEGIN: original styles2.css (unchanged) === */
/* styles.css — zmodyfikowany tak, aby tekst wypełniał najpierw pierwszą kolumnę, a po jej zakończeniu przechodził do drugiej */

body {
  background-color: #f5f5f5;
  color: #333;
  /* Bardzo czytelna czcionka systemowa oraz mniejszy rozmiar */
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
}

.page {
  width: 210mm;
  height: 297mm;
  border: 2px solid #aaa;
  padding: 1rem;
  margin: 1rem auto;
  box-sizing: border-box;
  /* dwie kolumny, z węższą przerwą między nimi */
  column-count: 2;
  column-gap: 1.5rem;
  column-rule: 1px solid #ddd;
  /* wypełnia najpierw pierwszą kolumnę, potem drugą */
  column-fill: auto;
  /* unikanie rozdzielania strony w środku */
  page-break-after: always;
  page-break-inside: avoid;
  column-break-inside: avoid;
}

/* Zapobieganie łamaniu ważnych bloków przez kolumny i strony */
.description-box,
.monster-card,
h1, h2, h3, h4, h5, h6 {
  page-break-inside: avoid;
  column-break-inside: avoid;
}

/* Ustawienia dla paragrafów, list i cytatów:
   pozwalają na łamanie wewnątrz, ale poprawiają czytelność */
p,
ul,
ol,
blockquote {
  orphans: 2;
  widows: 2;
  /* łamanie długich wyrazów w razie potrzeby */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* automatyczne dzielenie wyrazów */
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
}

/* Tabele */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}

table, th, td {
  border: 1px solid #ccc;
  padding: 0.5rem;
  text-align: left;
}

thead {
  background-color: #3498db;
  color: #fff;
}

tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}

tbody tr:nth-child(even) {
  background-color: #eaeaea;
}

/* Cytaty */
blockquote {
  border-left: 4px solid #e67e22;
  margin: 1rem;
  padding-left: 1rem;
  font-style: italic;
  background-color: #fdf6e3;
}

/* Linki */
a {
  color: #3498db;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Wersja drukowana */
@media print {
  .page {
    border: none;
    margin: 1rem auto;
    padding: 1rem;
    column-rule: 1px solid #ddd;
    background-color: #fff;
  }
  @page {
    size: A4;
    margin: 1.5cm;
  }
}
/* === END: original styles2.css === */

/* Variables brought from styles1 (visual-only) */
:root {
  --accent: #7a1f2b;
  --table-stripe: #faf6f7;
}

/* === Tables & blockquotes: look imported from styles1 (visual-only) === */

/* Table cells: borders + padding + vertical baseline */
table th,
table td {
  padding: 5pt 5pt;
  border: 1px solid #ddd;
  vertical-align: top;
}

/* Header color from styles1 */
thead th {
  background: var(--accent);
  color: #fff;
}

/* Row striping like styles1 (odd rows tinted) */
tbody tr:nth-child(odd) td { background: var(--table-stripe); }
tbody tr:nth-child(even) td { background: transparent; }

/* Blockquote visual style from styles1 */
blockquote {
  margin: 6pt 0;
  padding: 6pt 8pt;
  border-left: 3mm solid var(--accent);
  background: #fbf7f7;
  font-style: italic;
}

/* Note: we intentionally avoid any break-inside/page-break/column rules
   to keep the page layout, column heights, and print behavior unchanged. */