.sort-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}
.sort-links span { margin-right: 3px; color: #687069; font-size: 12px; font-weight: 800; }
.sort-links a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border: 1px solid #17211b20;
  border-radius: 999px;
  color: #59615b;
  background: #fffdf8;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.sort-links a:hover, .sort-links a:focus-visible { border-color: #126b4b; color: #126b4b; outline: 0; }
.sort-links a.active { border-color: #17211b; color: #fff; background: #17211b; }
.listing-status { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 14px; color: #687069; font-size: 12px; }
.listing-status strong { color: #17211b; }
.pagination {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto minmax(120px, 1fr);
  align-items: center;
  gap: 18px;
  margin-top: 34px;
  padding: 18px;
  border: 1px solid #17211b20;
  border-radius: 16px;
  background: #fffdf8;
}
.page-direction { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 15px; border: 1px solid #17211b24; border-radius: 10px; font-size: 12px; font-weight: 850; text-decoration: none; }
.page-direction:last-child { justify-self: end; }
.page-direction:hover, .page-direction:focus-visible, .page-numbers a:hover, .page-numbers a:focus-visible { border-color: #126b4b; outline: 3px solid #126b4b22; outline-offset: 2px; }
.page-direction.disabled { color: #9a9f9a; background: #f0eee8; border-color: transparent; }
.page-numbers { display: flex; align-items: center; justify-content: center; gap: 6px; }
.page-numbers a { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid #17211b20; border-radius: 10px; font-size: 13px; font-weight: 850; text-decoration: none; }
.page-numbers a.current { color: #fff; background: #17211b; border-color: #17211b; }
.page-summary { display: none; color: #687069; font-size: 12px; font-weight: 800; text-align: center; }
.archive-callout { margin-top: 18px; padding: 16px 18px; border-radius: 14px; color: #59615b; background: #e7f3ed; font-size: 13px; line-height: 1.6; }
.archive-callout strong { margin-right: 5px; color: #17211b; }
.archive-callout a { font-weight: 850; }
.deal-copy > .found-date { margin: 5px 0 0; color: #687069; font-size: 10px; font-weight: 650; letter-spacing: 0; text-transform: none; }
.found-date time { color: #17211b; font-weight: 750; }

@media (max-width: 560px) {
  .listing-status { align-items: flex-start; flex-direction: column; gap: 3px; }
  .pagination { grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px; }
  .page-direction { width: 100%; }
  .page-numbers { grid-column: 1 / -1; grid-row: 1; }
  .page-summary { display: block; grid-column: 1 / -1; grid-row: 2; }
  .page-direction:first-child { grid-column: 1; grid-row: 3; }
  .page-direction:last-child { grid-column: 2; grid-row: 3; }
  .page-numbers a { width: 42px; height: 42px; }
  .sort-links { gap: 6px; }
  .sort-links span { width: 100%; }
  .sort-links a { min-height: 40px; padding: 0 11px; font-size: 11px; }
}
