.elementor-kit-8{--e-global-color-primary:#0D395D;--e-global-color-secondary:#54595F;--e-global-color-text:#000000;--e-global-color-accent:#F6911C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:30px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Nagłówki */
h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700; /* Bold */
  font-size: 36px; /* Zależnie od designu, może być większy */
  line-height: 1.2;
  color: #333; /* Ciemny kolor dla czytelności */
  margin-bottom: 24px; /* Odpowiedni odstęp od następnej sekcji */
}

h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700; /* Bold */
  font-size: 30px; /* Lekko mniejsze niż h1 */
  line-height: 1.25;
  color: #333;
  margin-bottom: 20px;
}

/* Podtytuły i Nagłówki Sekcji */
h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400; /* Regular */
  font-size: 24px; /* Dostosowane do hierarchii */
  line-height: 1.3;
  color: #444; /* Nieco jaśniejszy niż nagłówki */
  margin-bottom: 18px;
}

h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400; /* Regular */
  font-size: 20px; /* Mniejsze niż h3 */
  line-height: 1.3;
  color: #444;
  margin-bottom: 16px;
}

/* Treść Artykułu */
p, li, .article-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 300; /* Light */
  font-size: 16px; /* Standardowy rozmiar tekstu */
  line-height: 1.6; /* Większa interlinia dla lepszej czytelności */
  color: #555; /* Miękki kolor tekstu */
  margin-bottom: 16px; /* Odstęp między paragrafami */
}

/* Przyciski, Call-to-Action i Linki */
.btn, .cta, a {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700; /* Bold dla wyróżnienia */
  font-size: 14px; /* Dostosowane do wielkości przycisków */
  line-height: 1.4;
  color: #fff; /* Jasny kolor na ciemnym tle przycisku */
  text-transform: uppercase; /* Wszystkie litery kapitaliki */
  padding: 10px 20px; /* Odpowiednia ilość paddingu */
  margin: 0 5px; /* Odstęp pomiędzy przyciskami jeśli są obok siebie */
  text-decoration: none; /* Usunięcie podkreślenia linków */
  display: inline-block; /* Aby przyciski zachowywały odpowiednią formę */
  cursor: pointer; /* Kursor wskazujący możliwość kliknięcia */
}

/* Detale - Kod, Dane */
code, pre, .data-detail {
  font-family: 'Roboto Mono', monospace;
  font-weight: 400; /* Regular */
  font-size: 14px; /* Wielkość dostosowana do wyświetlania kodu */
  line-height: 1.5;
  color: #333; /* Ciemniejszy dla kontrastu */
  background-color: #f5f5f5; /* Jasne tło dla wyróżnienia bloku kodu */
  padding: 8px; /* Padding wewnątrz bloków kodu */
  border-radius: 4px; /* Delikatne zaokrąglenie krawędzi */
  margin-bottom: 16px; /* Odstęp od pozostałej treści */
}/* End custom CSS */