.deck-sections {
  position: fixed;
  z-index: 10000;
  top: 10px;
  right: 14px;
  display: flex;
  gap: 4px;
  max-width: calc(100vw - 24px);
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(15, 13, 12, 0.88);
  backdrop-filter: blur(20px);
  font:
    12px/1.3 'Schibsted Grotesk',
    Helvetica,
    Arial,
    sans-serif;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}
.deck-sections a {
  color: #eee8df;
  text-decoration: none;
  padding: 7px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.deck-sections a:hover,
.deck-sections a:focus-visible {
  background: rgba(252, 113, 32, 0.25);
  color: #ffb27c;
  outline: 2px solid #fc7120;
  outline-offset: 1px;
}
.deck-sections a[aria-current] {
  background: rgba(252, 113, 32, 0.18);
  color: #ffb27c;
}
@media (max-width: 600px) {
  .deck-sections {
    top: 6px;
    right: 6px;
    gap: 0;
    font-size: 10px;
    max-width: calc(100vw - 12px);
    overflow-x: auto;
  }
  .deck-sections a {
    padding: 7px 6px;
  }
}
@media print {
  .deck-sections {
    display: none;
  }
}