/* Keep top comic-cut nav spacing identical for logged-in and logged-out users. */
#comicCutNav.comic-cut-nav.is-visible{
  width:100%;
  max-width:900px;
  margin:6px auto 10px;
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) 44px;
  align-items:center;
  gap:10px;
  padding:0 2px;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#comicCutNav #backToSetBtn{ grid-column:1; justify-self:start; }
#comicCutNav #comicCutNavCounters{ grid-column:2; justify-self:center; }
#comicCutNav #nextComicCutBtn{ grid-column:3; justify-self:end; }
#comicCutNav .comic-cut-nav-counters[hidden]{
  display:flex !important;
}
#comicCutNav .comic-cut-nav-counters.is-empty{
  display:flex !important;
  visibility:hidden;
  pointer-events:none;
  min-height:30px;
}
#comicCutNav .comic-cut-nav-counters.is-empty .comic-cut-nav-counter{
  visibility:hidden;
}
@media (max-width:780px){
  #comicCutNav.comic-cut-nav.is-visible{
    grid-template-columns:42px minmax(0,1fr) 42px;
    margin:4px auto 10px;
    gap:8px;
    padding:0 4px;
  }
  #comicCutNav .comic-cut-nav-counters.is-empty{
    min-height:26px;
  }
}