/* The pagination weave: each page of a list ends in a link to the next.
   An automatic list hides that link and lets the intersection observer
   press it; a manual list wears it as a plain button. Once a later page's
   frame exists, the spent sentinel folds away. */
@layer components {

.pagination-link {
  display: block;
  min-block-size: 1.5rem;
  text-decoration: none;
}

.pagination-link--active-when-observed {
  block-size: 0;
  inline-size: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}

turbo-frame:has(.pagination-link--active-when-observed):has(~ turbo-frame) .pagination-link--active-when-observed {
  display: none;
}

/* The staff ledger's page-by-page walk. */
.ledger-pages {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-block-start: 1.25rem;
}

}