* { -webkit-tap-highlight-color:transparent; box-sizing:border-box; } /* usuwa podświetlenie "klikniętego" elementu, np. obrazka (w tym, jako elementu menu) */

body { 
 -webkit-touch-callout:none; /* iOS Safari */
 -webkit-user-select:none; /* Safari */
 -khtml-user-select:none; /* Konqueror HTML */
 -moz-user-select:none; /* Firefox */
 -ms-user-select:none; /* Internet Explorer/Edge */
 user-select:none; /* Non-prefixed version, currently supported by Chrome and Opera */
 font-family:tinosregular;
 font-size:17px;
 margin:0;
 padding:0;
 width:100%;
 /* mobile: brak ograniczenia wysokości, przewijanie strony możliwe */
}

header { padding-top:20px; padding-bottom:30px; }

a { font-weight:normal; text-decoration:none; font-size:15px; outline:none; }
a:link, a:active, a:visited { color:rgb(18, 168, 73); }
a:hover { color:rgb(18, 200, 73); }
a.odnosnik_logo { display:contents; }

sup { font-size:80%; vertical-align:0.3em; }

#aktualizacja { margin-left:auto; margin-right:auto; margin-top:45px; height:15px; min-width:320px; max-width:320px; font-style:italic; font-size:13px; color:rgb(180, 180, 180); text-align:right; padding-right:10px; }

#tytul { margin-left:auto; margin-right:auto; margin-top:4px; min-width:318px; max-width:318px; font-size:20px; font-weight:bold; font-style:normal; color:rgb(255, 255, 255); background:rgb(41, 171, 91); background:linear-gradient(90deg,rgba(41, 177, 91, 1) 0%, rgba(7, 186, 102, 1) 58%, rgba(17, 194, 35, 1) 100%); box-shadow:2px 3px 5px #4444; border:1px solid rgb(200, 200, 200); border-radius:12px 12px 0 0; text-align:center; padding:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-overflow:'...    '; }

#kontener_zestawienia {
 margin-bottom:30px;
 /* mobile: naturalna wysokość, brak flex */
}

#ramka_zestawienia { 
 margin-top:0px; 
 margin-left:auto; 
 margin-right:auto; 
 min-width:320px; 
 max-width:320px;
 /* mobile: naturalna wysokość, brak overflow — tabela w całości widoczna */
}

.logo { max-width:200px; height:auto; }

.strona { 
 max-width:800px; 
 margin:0 auto; 
 padding:20px;
 /* mobile: brak flex, brak height:100vh — normalne flow dokumentu */
}

p {
 font-style:italic; 
 color:rgb(90, 90, 90);
}

.testy_zawartosc { margin-left:auto; margin-right:auto; min-width:318px; max-width:318px; border-collapse:collapse; border:none; color:rgb(90, 90, 90); }
.testy_zawartosc thead tr th { height:14px; font-style:italic; font-weight:bold; font-size:12px; border:none; text-align:left; vertical-align:bottom; }
.testy_zawartosc td { border:1px solid rgba(18, 168, 73, 0.4); line-height:1.1; }
.testy_zawartosc  td:nth-child(1) { font-size:15px; padding-left:8px; padding-right:5px; border-right:none; text-align:right; vertical-align:top; color:rgb(120, 120, 120); }
.testy_zawartosc  td:nth-child(2) { font-size:15px; padding-right:5px; border-left:none; vertical-align:top; }
.brak { min-width:320px; max-width:320px; font-style:italic; font-size:15px; color:rgb(180, 180, 180); text-align:center; }

#stopka { margin-left:auto; margin-right:auto; margin-top:0px; min-width:318px; max-width:318px; height:7px; font-weight:bold; font-style:normal; color:rgb(255, 255, 255); background:rgba(18, 168, 73, 0.9); background:linear-gradient(90deg,rgba(41, 177, 91, 1) 0%, rgba(7, 186, 102, 1) 58%, rgba(17, 194, 35, 1) 100%); box-shadow:2px 3px 5px #4444; border:1px solid rgb(200, 200, 200); border-radius:0 0 12px 12px; text-align:center; padding-top:2px; }

#obszar_formularza_wyszukiwania { position:fixed; bottom:-200px; left:0; right:0; padding:10px; box-sizing:border-box; transition:bottom 0.6s ease-in-out; }
#obszar_formularza_wyszukiwania.active { bottom:130px; }
#formularz_wyszukiwania { background-color:rgb(18, 168, 73); color:rgb(255, 255, 255); border:1px solid rgb(190, 190, 190); border-radius:10px; box-shadow:0 -2px 10px rgba(0,0,0,0.1); width:85%; max-width:760px; box-sizing:border-box; margin:0 auto; padding:10px; padding-top:2px; }
#formularz_wyszukiwania label { display:block; margin-bottom:5px; font-style:italic; }
#formularz_wyszukiwania input { display:block; margin-bottom:5px; width:100%; padding:8px; border:1px solid rgb(190, 190, 190); border-radius:8px; outline:1px solid rgb(170, 170, 170); box-sizing:border-box; margin-bottom:5px; }

.nr_testu { font-size:12px; color:rgb(200, 200, 200); }
.pakiet_pro { display:inline-block; vertical-align:2px; font-size:10px; font-weight:bold; color:rgb(255, 255, 255); background:rgb(255, 165, 0); border-radius:6px; padding:1px 3px; }

@media (min-width:820px) { 
 /* duże ekrany: layout zajmuje dokładnie wysokość okna, przewijanie tylko wewnątrz tabeli */
 html { overflow-y:hidden; }
 body { height:100vh; overflow:hidden; }
 header { flex-shrink:0; }
 #aktualizacja { min-width:800px; max-width:800px; flex-shrink:0; }
 #tytul { min-width:798px; max-width:798px; flex-shrink:0; }
 #kontener_zestawienia {
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:150px;
  margin-bottom:30px;
  justify-content:flex-start;
  min-width:800px;
  max-width:800px;
 }
 #ramka_zestawienia { min-width:798px; max-width:798px; min-height:0; flex:0 1 auto; overflow-y:auto; -ms-overflow-style:none; scrollbar-width:none; }
 #ramka_zestawienia::-webkit-scrollbar { display:none; }
 .strona { display:flex; flex-direction:column; height:100vh; }
 p { flex-shrink:0; }
 .testy_zawartosc { min-width:798px; max-width:798px; }
 .brak { min-width:798px; max-width:798px; }
 #stopka { min-width:798px; max-width:798px; flex-shrink:0; }
}