/* Purple archive bands use the homepage's translucent white ghost buttons. */
body:is(.argus-blog-archive-page, .page-id-2259) .ace-tools {
  padding: 28px 0;
}

/* Equal breathing room around the light feature and beige article list. */
body:is(.argus-blog-archive-page, .page-id-2259):not(.page-id-6687) {
  --argus-archive-space: 50px;
}
body:is(.argus-blog-archive-page, .page-id-2259):not(.page-id-6687) .ace-feature-section {
  padding-top: var(--argus-archive-space) !important;
  padding-bottom: var(--argus-archive-space) !important;
}
body:is(.argus-blog-archive-page, .page-id-2259):not(.page-id-6687) .ace-collection {
  padding-bottom: var(--argus-archive-space) !important;
}
body:is(.argus-blog-archive-page, .page-id-2259):not(.page-id-6687) .ace-tools {
  margin-bottom: 0;
}
body:is(.argus-blog-archive-page, .page-id-2259):not(.page-id-6687) .ace-archive {
  padding-top: var(--argus-archive-space);
}
body:is(.argus-blog-archive-page, .page-id-2259):not(.page-id-6687) .ace-row:first-child {
  padding-top: 0;
}
body:is(.argus-blog-archive-page, .page-id-2259) .ace-search[open] > summary {
  top: 28px;
}

body:is(.argus-blog-archive-page, .page-id-2259) .ace-tools .ace-categories > a {
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  color: #fff;
  font-weight: 600;
  text-transform: none;
  box-shadow: none;
  transform: none;
  transition: background .2s ease, color .2s ease;
}

body:is(.argus-blog-archive-page, .page-id-2259) .ace-tools .ace-categories > a[aria-current] {
  background: #fff;
  color: var(--argus-plum, #281030);
}

body:is(.argus-blog-archive-page, .page-id-2259) .ace-tools .ace-categories > a:not([aria-current]):is(:hover, :focus-visible) {
  background: rgba(255, 255, 255, .22);
  color: #fff;
  border-color: rgba(255, 255, 255, .35);
}

body:is(.argus-blog-archive-page, .page-id-2259) .ace-tools .ace-categories > a:focus-visible {
  outline: 1px solid rgba(255, 255, 255, .65);
  outline-offset: 4px;
}

@media (max-width: 767px) {
  body:is(.argus-blog-archive-page, .page-id-2259):not(.page-id-6687) {
    --argus-archive-space: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:is(.argus-blog-archive-page, .page-id-2259) .ace-tools .ace-categories > a {
    transition: none;
  }
}
