/* zentonic26 — Seitennavigation der Übersicht (#128, theme-v1.5).
   Nur mit [web] page_by ausgeliefert und verlinkt (nach style.css, vor
   theme/*.css) — ohne Schalter bleibt die Ausgabe byte-gleich.
   Markup: nav.zt-pager.zt-pager--top|--bottom > .zt-pager__step--prev,
   ol.zt-pager__list > li > a.zt-pager__link(.is-current), .zt-pager__step--next.
   Nur Tokens aus style.css. */

.zt-pager {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  flex-wrap: wrap;
  font-family: var(--font-ui);
  font-size: var(--t-small);
  letter-spacing: .08em;
  margin: 0 0 var(--sp-5);
}

.zt-pager--bottom {
  margin: var(--sp-7) 0 0;
  padding-top: var(--sp-4);
  border-top: 1px solid var(--line-1);
}

.zt-pager__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-2);
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  justify-content: center;
}

.zt-pager__link,
.zt-pager__step {
  display: inline-block;
  padding: var(--sp-1) var(--sp-2);
  border: 1px solid var(--line-2);
  color: var(--fg-3);
  text-decoration: none;
}

.zt-pager__step:empty { visibility: hidden; border-color: transparent; }

.zt-pager__link:hover,
.zt-pager__step:hover,
.zt-pager__link:focus-visible,
.zt-pager__step:focus-visible {
  border-color: var(--line-3);
  color: var(--green);
}

.zt-pager__link.is-current {
  border-color: var(--green);
  color: var(--green);
}