/* Reguly wspolne dla calego serwisu — wszystkie 78 stron.
   Wstrzykiwane obok i18n.css przez scripts/i18n_build.py, wiec nie trzeba
   dotykac kazdego pliku z osobna ani pamietac o wersjach jezykowych. */

/* 1. Dlugie slowa nie rozpychaja strony w bok.
   „Политика конфиденциальности" to jedno slowo szersze niz kolumna tekstu na
   telefonie — bez tej reguly cala rosyjska strona dostawala poziomy pasek
   przewijania. Lamanie wlacza sie dopiero wtedy, gdy slowo naprawde nie miesci
   sie w wierszu, wiec normalne naglowki wygladaja bez zmian.
   Samo „break-word" tnie slowo w dowolnym miejscu i bez znaku — dlatego
   dokladamy „hyphens: auto". Przegladarka ma slowniki przenoszen dla jezykow
   zadeklarowanych w atrybucie lang (mamy pl, uk, ru), wiec wstawia lacznik:
   „конфиденциально-сти" zamiast urwanego w polowie „конфиденциально". */
h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* 2. Widoczny slad focusu dla osob poruszajacych sie klawiatura.
   Serwis nadpisuje wyglad przyciskow i odnosnikow, przez co domyslna obwodka
   przegladarki gubi sie na ciemnym tle. */
:focus-visible {
  outline: 3px solid #a3e635;
  outline-offset: 3px;
  border-radius: 4px;
}

/* 3. Odnosnik pomijajacy nawigacje. Schowany poza ekranem, wjezdza dopiero
   po nacisnieciu Tab jako pierwszy element strony. */
.skip {
  position: fixed;
  top: 0;
  left: -9999px;
  z-index: 200;
  padding: 13px 22px;
  background: #a3e635;
  color: #052012;
  font-weight: 800;
  font-size: .92rem;
  text-decoration: none;
  border-radius: 0 0 14px 0;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .45);
}
.skip:focus { left: 0; }
/* kotwica nie ma rysowac obwodki po skoku — focus jest tam tylko techniczny */
main:focus { outline: none; }

/* 4. Wieksze pole trafienia. Tekst zostaje tej samej wielkosci — rosnie
   wylacznie obszar klikalny, wiec uklad wyglada tak samo. */
footer a,
.back,
.krsz a { display: inline-block; padding-block: 5px; }

/* Przycisk menu mial 23x30 px. UWAGA: nie wolno tu ruszac wlasciwosci display —
   arkusz laduje sie PO stylach strony, a te chowaja burgera na duzym ekranie. */
.burger { min-width: 44px; min-height: 44px; text-align: center; }

/* Telefon i e-mail to najwazniejsze odnosniki na stronie — musza byc latwe
   do trafienia kciukiem. */
a[href^="tel:"],
a[href^="mailto:"] { display: inline-block; padding-block: 6px; }

/* Pastylki przelacznika jezyka: wyglad bez zmian, wysokosc trafienia w gore. */
.i18n-sw a,
.i18n-sw span { min-height: 30px; display: inline-flex; align-items: center; }

/* 5. Blok „Przeczytaj tez" na koncu wpisu — skladany przy budowaniu przez
   scripts/powiazane.py, wiec styl musi byc wspolny dla wszystkich jezykow. */
.powiazane p { margin: 0; line-height: 1.75; }
.powiazane strong { color: var(--white); display: block; margin-bottom: 6px; }
.powiazane a { color: var(--lime); text-decoration: none; }
.powiazane a:hover { text-decoration: underline; }

/* 6. Notka o aktualizacji wpisu. Stawiana wylacznie wtedy, gdy tresc naprawde
   sie zmienila — mowi czytelnikowi, co dokladnie poprawiono i kiedy. */
.meta.akt {
  color: var(--lime);
  border-left: 2px solid rgba(163, 230, 53, .45);
  padding-left: 12px;
  margin-top: 6px;
}