.table-controls {
  position:fixed;top:24px;left:28px;right:28px;z-index:7;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  color:#e9ddbf;font-size:11px;letter-spacing:.12em;
}
.table-controls a {color:inherit;text-decoration:none;opacity:.65;padding:10px 0;transition:opacity .25s}
.table-controls a:hover,.table-controls a:focus-visible {opacity:1}
.table-controls a:focus-visible {outline:1px solid currentColor;outline-offset:6px}
.table-return,.table-neighbors {display:flex;gap:24px;align-items:center}
.table-controls h1 {font-size:11px;font-weight:400;letter-spacing:.12em;text-align:center;opacity:.65}
.table-controls h1 span {display:block;font-size:9px;margin-top:8px;letter-spacing:.1em}
@media(max-width:600px) {
  .table-controls {top:16px;left:22px;right:22px;gap:12px;flex-wrap:wrap}
  .table-controls h1 {order:3;width:100%;margin-top:6px}
  .table-controls h1 span {display:inline;margin-left:12px}
  .table-return,.table-neighbors {gap:20px}
}
@media(prefers-reduced-motion:reduce) {.table-controls a {transition:none}}

.table-controls a {display:inline-flex;align-items:center;min-width:44px;min-height:44px}
.table-controls {top:max(16px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right))}
.table-neighbors a {justify-content:center}

.nav-arrow {display:block;width:18px;height:18px;flex-shrink:0}
.table-neighbors a {gap:8px}