/* Drobnosti ve vzhledu, které se do původní šablony nevešly. */

/* Kliknutí myší po sobě nenechává rámeček.
 *
 * Proč vůbec: šablona stojí na Bootstrapu a ten má
 * `a:focus { outline: 5px auto -webkit-focus-ring-color }`. Prohlížeč nechá
 * zaměření na odkazu i po obyčejném kliknutí, takže u roků ve výpisu Aktuálně
 * (i u nadpisů novinek) zůstal kolem celého řádku – včetně odsazení na šipku
 * vpravo – viset rámeček, dokud návštěvník neklikl jinam. Stejně se to chovalo
 * i na starém webu.
 *
 * `:focus-visible` je totéž zaměření, jen ho prohlížeč hlásí pouze tehdy, když
 * ho návštěvník opravdu potřebuje vidět – tedy při ovládání z klávesnice.
 * Rámeček tak zmizí po myši a po Tabu zůstane; web jde dál proklikat bez myši.
 * Starý prohlížeč, který `:focus-visible` nezná, celé pravidlo zahodí a chová
 * se jako dosud.
 */
a:focus:not(:focus-visible) {
  outline: 0;
}