.dictionary-navigation {
  position: fixed;
  z-index: 60;
  top: 102px;
  left: 32px;
  display: grid;
  gap: 5px;
  color: var(--section-ink, #252525);
  font: 500 12px/1.3 Arial, "Microsoft YaHei", sans-serif;
}
.dictionary-navigation[hidden] { display: none; }
.dictionary-navigation-caption { font-size: 10px; letter-spacing: .08em; opacity: .65; }
.dictionary-navigation-buttons {
  display: flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
  border-radius: 7px;
  background: color-mix(in srgb, var(--section-paper, #f2f2f0) 94%, transparent);
}
.dictionary-navigation button {
  min-width: 58px;
  min-height: 32px;
  padding: 5px 10px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.dictionary-navigation button:hover:not(:disabled) { background: color-mix(in srgb, currentColor 9%, transparent); }
.dictionary-navigation button:disabled { opacity: .33; cursor: default; }
.dictionary-navigation button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 800px) {
  .dictionary-navigation { top: 10px; left: 64px; gap: 3px; }
  .dictionary-navigation button { min-width: 54px; padding: 5px 8px; }
}