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

/* ==========================================================================
   1. GLOBALNE REGUŁY BAZOWE I STYL KOMPAKTOWY (Komputery / Ekrany domyślne)
   ========================================================================== */
body {
  font-family: 'Graphite Light CE ATT', Arial, sans-serif;
  color: #000033; /* POPRAWIONE: Bardzo ciemny granat gwarantujący kontrast na tle chmurek */
  background-color: transparent;
}

/* Wdrożenie ujednolicenia bazy i optymalnych rozmiarów (Komputery) */
body, p, td, span, div {
  font-size: 16px; /* POPRAWIONE: Podniesione z 13px dla zapewnienia czytelności */
  line-height: 1.5; /* POPRAWIONE: Wyższa interlinia ułatwiająca czytanie tekstu */
  margin-top: 4px;
  margin-bottom: 6px;
  padding: 1px;
  word-wrap: break-word; /* Chroni układ przed rozciąganiem przez długie słowa */
  box-sizing: border-box; /* Nowoczesne obliczanie szerokości elementów */
}

/* ==========================================================================
   2. NAGŁÓWKI - WERSJA UJEDNOLICONA I CZYTELNA (Komputery)
   ========================================================================== */
h1, h2, h3, h4, h5, h6, b, strong, big {
  font-weight: bold;
  font-style: normal;
  margin-top: 12px;
  margin-bottom: 6px;
  color: #000033; /* Spójny, ciemny kolor dla pogrubień */
}

/* Proporcjonalne zróżnicowanie wielkości nagłówków */
h1 { font-size: 24px; line-height: 1.3; }
h2 { font-size: 20px; line-height: 1.3; }
h3 { font-size: 18px; line-height: 1.3; }
h4, h5, b, strong, big { font-size: 16px; line-height: 1.3; }

h6 {
  font-size: 14px;
  font-style: italic; /* Subtelne odróżnienie najniższego poziomu */
}

/* Współczesne, bezpieczne zastąpienie starego tagu <center> */
center {
  display: block;
  text-align: center;
}

/* ==========================================================================
   3. SPECJALNE KLASY TEKSTOWE I POMOCNICZE
   ========================================================================== */
p.large {
  font-size: 19px; /* Proporcjonalnie większy tekst wyróżniony */
  line-height: 1.5;
}

small, p.byline, .sidebar p, .menu-nav, .menu-nav a, td a {
  font-size: 13px; /* Zwiększone z 11px, by mniejszy tekst też dało się odczytać */
  line-height: 1.3;
  margin-top: 4px;
  margin-bottom: 2px;
}

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

/* Nowoczesny i czysty wygląd linków na komputerach */
a {
  text-decoration: none;
  color: #000044; /* Odrobinę jaśniejszy granat dla linków, by odróżniały się od tekstu */
}
a:hover {
  text-decoration: underline; /* Podkreślenie tylko po najechaniu myszką */
}

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

/* Reset starych tabel (Wymuszenie ładnego przylegania komórek bez szpar) */
table {
  border-collapse: collapse !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

/* ==========================================================================
   4. OPTYMALIZACJA MOBILNA (Smartfony i Tablety - Na samym dole)
   ========================================================================== */

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

/* SMARTFONY (Ekrany poniżej 768px szerokości) */
@media screen and (max-width: 767px) {
  body {
    padding: 12px !important; /* Bezpieczny margines od krawędzi ekranu telefonu */
  }

  /* Na smartfonie czcionka 15px zapewnia idealny kompromis między czytelnością a ilością miejsca */
  body, p, td, span, div {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  /* Mobilne nagłówki - dopasowane wielkością pod ekrany telefonów */
  h1 { font-size: 20px !important; }
  h2 { font-size: 18px !important; }
  h3, h4, h5, h6, b, strong, big { 
    font-size: 16px !important; 
    line-height: 1.3 !important; 
  }
  
  /* Klasy specjalne na telefonie */
  p.large { font-size: 17px !important; }
  
  /* Linki, przypisy i menu na telefonie - łatwiejsze do kliknięcia palcem */
  small, p.byline, .sidebar p, .menu-nav, .menu-nav a, td a {
    font-size: 13px !important;
  }

  p.caption {
    margin-top: 4px !important;
    margin-bottom: 8px !important;
  }

  /* Zabezpieczenie przed rozrywaniem makiet przez stare tabele sztywnej szerokości */
  table, thead, tbody, tr, td, th {
    max-width: 100% !important;
  }
  
  /* Włączenie bezpiecznego bocznego przewijania dla zbyt szerokich tabel */
  #outer, #bodyblock, .content-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Płynny ruch palca na iOS/Android */
  }
}