/* Theme default - motion.css: view transitions, reduced motion, focus and no-script note. */
   --------------------------------------------------------------------------- */
@view-transition { navigation: auto; }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) { animation: none !important; }
}

/* Klávesnicový fokus. :focus-visible rieši väčšinu prípadov, tento zápis
   drží viditeľný obrys aj tam, kde prehliadač :focus-visible nepozná. */
:focus { outline: 2px solid var(--cyan); outline-offset: 2px; }
:focus:not(:focus-visible) { outline: none; }

.noscript-note {
  max-width: 62rem;
  margin: 0 auto;
  padding: 0.85rem 1.15rem;
  border: 1px solid var(--line);
  border-radius: var(--r-m);
  background: var(--panel);
  color: var(--muted);
  font-size: 0.9rem;
}

/* Karty sa prispôsobia šírke svojho kontajnera, nie celej obrazovky. */
.srv-groups { container-type: inline-size; container-name: servers; }

@container servers (max-width: 40rem) {
  .srv-head { flex-wrap: wrap; row-gap: 0.4rem; }
  .srv-num { margin-left: 0; }
}

/* ---------------------------------------------------------------------------
   Vyhľadávanie