@charset "utf-8";
/* Modernized Presentation for HTML5 - Compact Text & Mobile Responsive */

/* ==========================================================================
   1. GLOBALNE REGUŁY BAZOWE (Komputery / Ekrany domyślne)
   ========================================================================== */
body {
  font-family: 'Graphite Light CE ATT', Arial, sans-serif;
  color: #000099;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0.5em;
}

/* ==========================================================================
   2. NAGŁÓWKI - WERSJA KOMPAKTOWA (Wszystkie poziomy H1-H6)
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-style: normal;
  margin-bottom: 0.3em; /* Ścisłe zbliżenie nagłówka do tekstu poniżej */
}

h1 {
  font-size: 26px;
  line-height: 32px;
  margin-top: 0.8em;
}

h2 {
  font-size: 20px;
  line-height: 26px;
  margin-top: 0.8em;
}

h3 {
  font-size: 17px;
  line-height: 22px;
  margin-top: 0.7em;
}

h4 {
  font-size: 15px;
  line-height: 20px;
  margin-top: 0.7em;
}

/* Dodane niższe poziomy nagłówków */
h5 {
  font-size: 14px;
  line-height: 19px;
  margin-top: 0.6em;
  font-weight: bold; /* Delikatne wyróżnienie dla bardzo małych nagłówków */
}

h6 {
  font-size: 13px;
  line-height: 18px;
  margin-top: 0.6em;
  font-style: italic; /* Odróżnienie najniższego poziomu */
}

/* ==========================================================================
   3. AKAPITY I KLASY TEKSTOWE
   ========================================================================== */
p {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0.5em;
}

p.large {
  font-size: 18px;
  line-height: 26px;
}

p.byline {
  font-size: 12px;
  line-height: 14px;
  margin-top: 18px;
  margin-bottom: 0;
}

p.caption {
  font-size: 10px;
  margin-top: -16px;
  margin-bottom: 18px;
}

.sidebar p {
  font-size: 12px;
  line-height: 1.4em;
}

/* ==========================================================================
   4. OPTYMALIZACJA MOBILNA (Smartfony i Tablety)
   ========================================================================== */

/* TABLETY (Ekrany poniżej 1024px szerokości) */
@media screen and (max-width: 1023px) {
  /* Nagłówki stają się minimalnie mniejsze, by dopasować się do mniejszego ekranu */
  h1 { font-size: 24px; line-height: 30px; }
  h2 { font-size: 19px; line-height: 25px; }
  
  /* Zabezpieczenie dla tabel, aby tekst w komórkach nie ściskał się zbyt mocno */
  table {
    width: 100% !important; /* Wymuszenie dopasowania do szerokości ekranu tabletu */
    box-sizing: border-box;
  }
}

/* SMARTFONY (Ekrany poniżej 768px szerokości, np. telefony pionowo i poziomo) */
@media screen and (max-width: 767px) {
  body {
    font-size: 15px;      /* Zwiększono z 14px – tekst na telefonie musi być większy, by nie męczyć wzroku */
    line-height: 22px;
    padding: 10px;        /* Dodano delikatny margines od krawędzi ekranu telefonu */
  }

  /* Ultrakompaktowe nagłówki mobilne, żeby długie tytuły nie rozbijały się na 4 linijki */
  h1 { font-size: 21px; line-height: 26px; }
  h2 { font-size: 18px; line-height: 23px; }
  h3 { font-size: 16px; line-height: 21px; }
  h4 { font-size: 15px; line-height: 20px; }

  /* Zabezpieczenie przed rozjeżdżaniem makiet (np. szerokie tabele gazetowe) */
  table, thead, tbody, tr, td, th {
    max-width: 100% !important;
  }
  
  /* Jeśli tabela jest zbyt szeroka i ma sztywne szerokości kolumn (częste w starym HTML), 
     zamknie się w bezpiecznym, przewijanym bocznie kontenerze zamiast psuć całą stronę */
  #outer, #bodyblock {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Płynne przewijanie palcem na iPhone/Android */
  }

  /* Ukrywanie zbędnych wielkich przerw generowanych przez ujemne marginesy na komputerach */
  p.caption {
    margin-top: 5px;
    margin-bottom: 10px;
  }
}




/* ==========================================================================
   ZINTEGROWANY STYL KOMPAKTOWY I POPRAWKI HTML5 (Wersja Scalona)
   ========================================================================== */

/* 1. GŁÓWNY TEKST (Kompaktowy rozmiar, ciasny odstęp i reset marginesów) */
body, p, td, span, div {
    font-size: 13px !important;
    line-height: 1.3 !important; /* Zagęszczony tekst, łatwiejszy do czytania w tabelach */
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding: 1px !important;
    word-wrap: break-word !important; /* Chroni układ strony przed zbyt długimi słowami */
    box-sizing: border-box !important; /* Nowoczesne obliczanie szerokości tabel i bloków */
}

/* 2. TYTUŁY, NAGŁÓWKI I POGRUBIENIA (Wyraziste, ale dopasowane do stylu) */
h1, h2, h3, b, strong {
    font-size: 15px !important;
    margin: 4px 0 !important;
}

/* 3. POPRAWKI STARYCH ZNACZNIKÓW HTML (<center>, <big>, <small>) */
center {
    display: block !important;
    text-align: center !important; /* Współczesne zastąpienie tagu <center> */
}
big {
    font-size: 15px !important; /* Ujednolicenie ze stylem nagłówków */
    font-weight: bold !important;
}
small {
    font-size: 11px !important; /* Proporcjonalne zmniejszenie dla drobnych uwag */
}

/* 4. DROBNE DOPISKI, LINKI W TABELACH I NAWIGACJA */
.menu-nav, .menu-nav a, td a {
    font-size: 11px !important;
    line-height: 1.2 !important;
}

/* 5. NOWOCZESNY I CZYSTY WYGLĄD LINKÓW */
a {
    text-decoration: none !important; /* Usunięcie stałego, archaicznego podkreślenia */
}
a:hover {
    text-decoration: underline !important; /* Podkreślenie pojawia się tylko po najechaniu myszką */
}

/* 6. LIKWIDACJA RAMEK OBRAZKÓW (Usuwa stare niebieskie obwódki wokół grafik-linków) */
img, a img {
    border: none !important;
    outline: none !important;
}

/* 7. RESET TABEL (Usuwa puste przestrzenie między komórkami starych tabel) */
table {
    border-collapse: collapse !important; /* Wymusza ładne przyleganie komórek do siebie */
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}















@charset "utf-8";
/* Modernized Presentation for HTML5 - Compact Text & Mobile Responsive */

/* ==========================================================================
   1. GLOBALNE REGUŁY BAZOWE (Komputery / Ekrany domyślne)
   ========================================================================== */
body {
  font-family: 'Graphite Light CE ATT', Arial, sans-serif;
  color: #000099;
}

/* ==========================================================================
   2. ZINTEGROWANY STYL KOMPAKTOWY (Komputery - Kompresja starych tabel)
   ========================================================================== */

/* Główny tekst - zwarty rozmiar 13px dla bazy komputerowej */
body, p, td, span, div {
    font-size: 13px;
    line-height: 1.3;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 1px;
    word-wrap: break-word; /* Chroni układ strony przed zbyt długimi słowami */
    box-sizing: border-box; /* Nowoczesne obliczanie szerokości tabel i bloków */
}

/* Tytuły, nagłówki i pogrubienia na komputerach */
h1, h2, h3, h4, h5, h6, b, strong, big {
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    margin-top: 4px;
    margin-bottom: 4px;
}

/* Specjalne odróżnienie bardzo niskich nagłówków jeśli występują */
h6 { font-style: italic; }

/* Poprawki starych znaczników HTML */
center {
    display: block;
    text-align: center; /* Współczesne zastąpienie tagu <center> */
}
small {
    font-size: 11px; /* Proporcjonalne zmniejszenie dla drobnych uwag */
}

/* Drobne dopiski, klasy tekstowe i linki w menu */
.menu-nav, .menu-nav a, td a, p.byline, .sidebar p {
    font-size: 11px;
    line-height: 1.2;
}

p.caption {
  font-size: 10px;
  margin-top: 2px;
  margin-bottom: 4px;
}

/* ==========================================================================
   3. NOWOCZESNE I BEZPIECZNE POPRAWKI (Wymuszenia wizualne)
   ========================================================================== */

/* Nowoczesny i czysty wygląd linków */
a { text-decoration: none; color: #000099; }
a:hover { text-decoration: underline; }

/* Likwidacja starych niebieskich obwódek wokół grafik-linków */
img, a img {
    border: none !important;
    outline: none !important;
}

/* Reset tabel (Usuwa puste przestrzenie między komórkami starych tabel) */
table {
    border-collapse: collapse !important; /* Wymusza ładne przyleganie komórek */
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

/* ==========================================================================
   4. OPTYMALIZACJA MOBILNA (Smartfony i Tablety - NA SAMYMDOWIE)
   ========================================================================== */

/* TABLETY (Ekrany poniżej 1024px szerokości) */
@media screen and (max-width: 1023px) {
  table {
    width: 100% !important; /* Wymuszenie dopasowania do szerokości ekranu tabletu */
  }
}

/* SMARTFONY (Ekrany poniżej 768px szerokości) */
@media screen and (max-width: 767px) {
  body {
    padding: 10px !important; /* Margines wewnętrzny na ekranie telefonu */
  }
  
  /* Na smartfonie czcionka musi być ciut większa (14px), by tekst nie był zbyt drobny pod palcem */
  body, p, td, span, div {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  /* Ultrakompaktowe nagłówki mobilne, żeby długie tytuły zmieściły się w ekranie */
  h1, h2, h3, h4, h5, h6, b, strong, big { 
    font-size: 16px !important; 
    line-height: 1.3 !important; 
  }
  
  /* Linki i menu na telefonie - też delikatnie większe dla łatwego klikania palcem */
  .menu-nav, .menu-nav a, td a, small {
    font-size: 12px !important;
  }

  /* Zabezpieczenie przed rozjeżdżaniem starych makiet tabel na ekranie telefonu */
  table, thead, tbody, tr, td, th {
    max-width: 100% !important;
  }
  
  /* Aktywacja bocznego przewijania jeśli tabela ma zablokowaną szerokość na serwerze */
  #outer, #bodyblock, .content-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Płynne przewijanie na iPhone/Android */
  }
}