/* Listing pagination (blog + newsroom). Layered after the Webflow CSS.
   Works on both the dark blog grid and the light newsroom grid — borders/colours
   derive from currentColor so the control adapts to either theme. */

.pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  margin-top: 2.75rem;
}
.pager:empty { display: none; }

.pager_btn {
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 .75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid color-mix(in srgb, currentColor 22%, transparent);
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: .95rem;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease, opacity .15s ease;
}
.pager_btn:hover:not(:disabled):not(.is-current) {
  border-color: var(--swatch--colorp2, #349065);
}
.pager_btn.is-current {
  background: var(--swatch--colors3, #d5fe70);
  color: #002017;
  border-color: var(--swatch--colors3, #d5fe70);
  font-weight: 600;
  cursor: default;
}
.pager_btn:disabled { opacity: .35; cursor: default; }

.pager_ellipsis { padding: 0 .25rem; opacity: .55; }