.skip-link { position: absolute; left: -10000px; top: 0; z-index: 2000; }
.skip-link:focus { left: 1rem; top: 1rem; padding: .75rem; background: #fff; color: #000; }

.kraftia-brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.kraftia-brand img { width: 170px; height: 50px; object-fit: contain; }
.kraftia-brand-dark { display: none; }
[data-bs-theme="dark"] .kraftia-brand-light { display: none; }
[data-bs-theme="dark"] .kraftia-brand-dark { display: block; }
.navbar > .container-xl { gap: .5rem 1rem; }
.navbar nav { flex-wrap: wrap; }
@media (max-width: 479px) {
  .navbar > .container-xl { flex-wrap: wrap; }
  .navbar nav { width: 100%; justify-content: flex-end; }
}

[data-theme="dark"] .kraftia-brand-light { display: none; }
[data-theme="dark"] .kraftia-brand-dark { display: block; }
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] .kraftia-brand-light { display: none; }
  [data-theme="auto"] .kraftia-brand-dark { display: block; }
}