/* Keep Drupal's pager markup, translated labels, and Views AJAX links. */
.site-layout .pager {
  --pager-size: 44px;
  --pager-fg-color: #005747;
  --pager-bg-color: #fff;
  --pager-hover-bg-color: #e7efeb;
  --pager-active-bg-color: var(--pager-fg-color);
  --pager-active-fg-color: #fff;
  --pager-line-color: #e3e6e3;
  --pager-muted-color: #68716d;
  margin: 36px 0 0;
  padding-top: 24px;
  border-top: 1px solid var(--pager-line-color);

  .pager__items { display: flex; flex-wrap: wrap; list-style: none; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 0; font: 500 14px/1.5 var(--font-body); }
  .pager__item { margin: 0; }
  .pager__link, .pager__item--current {
    gap: 8px; min-width: 44px; height: auto; min-height: 44px; padding: 10px 14px;
    border: 1px solid var(--pager-line-color); border-radius: 8px;
    color: var(--pager-fg-color); background: #fff; font: inherit;
    line-height: 1.5; text-decoration: none; font-variant-numeric: tabular-nums;
    transition: background-color .15s ease, border-color .15s ease;
  }
  .pager__link:hover { border-color: #b8cec3; color: var(--pager-fg-color); background: #e7efeb; }
  .pager__link.is-active, .pager__link.is-active:hover, .pager__item--current {
    border-color: var(--pager-fg-color); background: var(--pager-fg-color); color: #fff; font-weight: 600;
  }
  .pager__link:focus-visible { outline: 2px solid var(--pager-fg-color); outline-offset: 3px; box-shadow: none; }
  .pager__item-title { margin: 0; }
  .pager__link::before, .pager__link::after { flex-shrink: 0; }
  .pager__item--first .pager__link::before,
  .pager__item--previous .pager__link::before,
  .pager__item--next .pager__link::after,
  .pager__item--last .pager__link::after {
    background-color: currentColor;
    background-image: none;
    -webkit-mask-image: var(--background-image);
            mask-image: var(--background-image);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
  }
  .pager__item--ellipsis { min-width: 24px; color: var(--pager-muted-color); }
}

@media (max-width: 575px) {
  .site-layout .pager {
    margin-top: 28px; padding-top: 20px;
    .pager__items { gap: 6px; font-size: 13px; }
    .pager__link, .pager__item--current { padding-inline: 10px; }
    /* The first/last links retain their accessible names and arrow icons. */
    .pager__item--first .pager__item-title, .pager__item--last .pager__item-title { display: none; }
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-layout .pager .pager__link { transition: none; }
}