/* IT-Zentrum – shared utility classes for the "Laboratory of Information" design system.
   Loaded alongside the Tailwind CDN script on every page. */

.sharp-border {
  border: 1px solid #000000;
}

.sharp-border-light {
  border: 1px solid #E0E0E0;
}

.invert-hover:hover {
  background-color: #000000;
  color: #ffffff;
}

.invert-hover-btn:hover {
  background-color: #ffffff;
  color: #000000;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Accessibility: skip-to-content link, visible only when focused via keyboard */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: #000000;
  color: #ffffff;
  padding: 12px 16px;
  z-index: 100;
  font-family: "JetBrains Mono", monospace;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 12px;
}

.skip-link:focus {
  left: 16px;
  top: 16px;
}

/* Visible focus ring for the archive search input (default ring removed via focus:ring-0) */
#search-input:focus {
  outline: 2px solid #0047FF;
  outline-offset: 2px;
}

/* Mobile menu button focus state */
#mobile-menu-btn:focus-visible {
  outline: 2px solid #0047FF;
  outline-offset: 2px;
}