/* geotron-perf.css — plynulosť rolovania. Načítava sa ako POSLEDNÝ, aby prebil
   utility triedy z tron.css.

   HLAVNÁ PRÍČINA TRHANIA: horná lišta je `sticky` cez celú šírku a mala
   `backdrop-blur-lg`, teda rozmazanie 16 px na ploche ~1265×65. Rozmazanie
   pozadia sa musí prepočítať pri KAŽDOM posunutí stránky a na notebooku
   s integrovanou grafikou to zožerie väčšinu snímku.

   Vizuálne sa nestráca skoro nič: pozadie lišty bolo aj tak nepriehľadné na 85 %,
   takže cez ňu bolo vidno len náznak. Zvýšené na 96 % drží text rovnako čitateľný. */
nav.sticky{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  background-color:hsl(var(--background) / .96) !important;
}

/* Obrázky si držia miesto ešte pred stiahnutím, takže sa obsah pri rolovaní
   nepreskakuje. Bez toho prehliadač po každom doručenom obrázku prepočíta
   rozloženie celej stránky. */
img{ content-visibility:auto; }

/* Rolovanie po kotvách nech nie je skokové, ale komu vadí pohyb, ten ho nedostane. */
@media (prefers-reduced-motion: no-preference){
  html{ scroll-behavior:smooth; }
}
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important;
                        transition-duration:.01ms !important; }
}