/* =========================
   Fonts
   ========================= */
@font-face {
  font-family: "Brygada1918";
  src: url("/BRYGADA1918/Brygada%201918-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


:root {
  --ff-serif: Georgia, "Arial Unicode MS", Arial, sans-serif;
  --ff-mono: "Courier New", Courier, monospace;

  --fs-body-giant: 13pt;
  --fs-body-big: 10pt;
  --fs-body: 9pt;
  --fs-small: 8pt;
  --fs-li: 10pt;

  --c-link: #0033cc;
  --c-link-red: red;
  --c-link-black: black;

  --c-bg-accent: #EEEECC;
  --c-text: #000;
  --c-sep: #888;
}


html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

body {
  font-family: var(--ff-serif);
  font-size: var(--fs-body);
  color: var(--c-text);
  text-align: center;
}


body.lg {
  margin: 5px 1px 0;
  padding: 0;
}

/* Linki */
a {
  text-decoration: none;
  color: var(--c-link);
}
a.red { color: var(--c-link-red); }
a.bl  { color: var(--c-link-black); }


a.le { text-align: left; }

a.co { font-family: var(--ff-mono); font-size: var(--fs-body); }
a.uni { font-family: var(--ff-serif); font-size: var(--fs-small); }

a:hover { font-weight: bold; }

/* =========================
   Typography blocks
   ========================= */
p, div, li {
  font-family: var(--ff-serif);
  font-size: var(--fs-li);
}

p {
  text-align: justify;
  text-indent: 1cm;
}
p.le { text-align: left; text-indent: 0; }
p.ce { text-align: center; text-indent: 0; }
p.ri { text-align: right; text-indent: 0; }
p.sm { font-family: var(--ff-serif); font-size: var(--fs-small); text-indent: 0; }

/* *.wri -> .wri (to był selector "dowolny element z klasą wri") */
.wri {
  text-align: justify;
  text-indent: 1cm;
  width: 90%;
}

li { text-align: justify; }
li.small { font-size: 7pt; }

/* Nagłówki – jeden styl bazowy, różne rozmiary */
h1, h2, h3, h4 {
  font-family: var(--ff-serif);
  font-weight: normal;
  text-align: center;
  margin: 0.5em 0;
}
h1 { font-size: 15pt; }
h2 { font-size: 14pt; }
h3 { font-size: 13pt; }
h4 { font-size: 12pt; }

h4.bole { font-weight: bold; text-align: left; }
h4.oli  { color: olive; }

/* =========================
   Tables
   ========================= */
table {
  font-family: var(--ff-serif);
  font-size: var(--fs-body);
  text-align: center;
  empty-cells: show;
}

td {
  font-family: var(--ff-serif);
  font-size: var(--fs-small);
  text-align: center;
}

/* wyrównania */
td.le, td.let, td.lot, td.letu { text-align: left; }
td.ri, td.rit, td.ritu { text-align: right; }

/* paddingi (zostawione zgodnie z obecnym nazewnictwem) */
td.let, td.letu { padding-left: 2mm; }
td.lot { padding-left: 1mm; }
td.rit, td.ritu { padding-right: 2mm; }

/* style komórki */
td.bo { font-weight: bold; }

td.bog {
  font-weight: bold;
  color: var(--c-text);
  background-color: var(--c-bg-accent);
}

td.it { text-align: left; font-style: italic; }

td.co { font-family: var(--ff-mono); font-size: var(--fs-body); }

td.gi {
  font-family: var(--ff-serif);
  font-size: 18pt;
  font-weight: bold;
}

td.gr {
  color: var(--c-text);
  background-color: var(--c-bg-accent);
}

/* =========================
   Boxes (tabelka)
   ========================= */
.tabelka,
.tabelka1 {
  border: 1px solid #C0C0C0;
  text-align: left;
  page-break-inside: avoid;
}

.tabelka  { width: 185px; }
.tabelka1 { width: 170px; }

/* =========================
   CuteNews pagination
   ========================= */
.cn-pagination {
  text-align: center;
  font-family: var(--ff-mono);
  font-size: 17px;
  margin: 30px 0;
  letter-spacing: 1px;
}

.cn-pagination > * + *::before {
  content: "|";
  margin: 0 8px;
  color: var(--c-sep);
}

.cn-pagination a {
  text-decoration: none;
  color: var(--c-link);
}
.cn-pagination a:hover { text-decoration: underline; }

.cn-pagination strong {
  font-weight: bold;
  color: var(--c-text);
}

/* =========================
   pre-like blocks
   ========================= */
.ob-pretable {
  font-family: var(--ff-mono);
  font-size: 14px;
  line-height: 1.25;
  white-space: pre !important;
  overflow-x: auto;
  margin: 12px 0;
  max-width: 100%;
  text-align: left !important;
  text-indent: 0 !important;
}