/* Obsidia: visible demo label on top of the Dílna Javor showcase (SPEC D5). The page is fictional. */
:root { --ukazka-bar: 32px; }
html { scroll-padding-top: calc(var(--ukazka-bar) + 72px); }
body { padding-top: var(--ukazka-bar); }
.ukazka-bar {
  position: fixed; inset: 0 0 auto; z-index: 70; width: 100%; max-width: none; height: var(--ukazka-bar); margin: 0;
  display: flex; align-items: center; justify-content: center; gap: 1em; padding: 0 16px;
  background: #0A0A0B; color: #FBFBFB; font: 500 12px/1 "General Sans", system-ui, sans-serif;
  letter-spacing: .01em; white-space: nowrap; overflow: hidden;
}
.ukazka-bar a { color: #B6B6B8; text-decoration: underline; text-underline-offset: 2px; }
.ukazka-bar a:hover { color: #FBFBFB; }
.ukazka-bar a:focus-visible { outline: 2px solid #FBFBFB; outline-offset: 2px; }
.top { top: var(--ukazka-bar); }
.top-cta { top: calc(var(--s3) - 6px + var(--ukazka-bar)); }
.menu { top: var(--ukazka-bar); }
@media (max-width: 380px) { .ukazka-bar a { display: none; } }