/* The archive reuses the same card component as the recent posts in articles. */
.sense-blog-archive { --primary-color: #00aab6; width: min(1324px, calc(100% - 116px)); margin: 0 auto 115px; padding: 0; }
.sense-blog-archive__title { margin: 0 0 32px; color: #395e66; font-size: 60px; font-weight: 300; line-height: 1.15; text-align: center; }
.sense-blog-archive__filters { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-bottom: 40px; }
.sense-blog-archive__filter { display: inline-flex; min-height: 42px; max-width: 100%; align-items: center; justify-content: center; padding: 9px 18px; border: 1px solid #e1e6e6; border-radius: 100px; color: #395e66; background: #fff; font-size: 16px; font-weight: 400; line-height: 1.4; text-align: center; text-decoration: none; }
.sense-blog-archive__filter:hover,
.sense-blog-archive__filter.is-active { border-color: var(--primary-color); color: #fff; background: var(--primary-color); }
.sense-blog-archive__filter:focus-visible { outline: 2px solid #395e66; outline-offset: 3px; }
.sense-blog-archive__pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 48px; }
.sense-blog-archive__pagination .page-numbers { display: inline-flex; min-width: 44px; height: 44px; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid #e1e6e6; border-radius: 100px; color: #395e66; font-size: 16px; line-height: 1; text-decoration: none; }
.sense-blog-archive__pagination a:hover,
.sense-blog-archive__pagination .current { border-color: var(--primary-color); color: #fff; background: var(--primary-color); }
.sense-blog-archive__pagination a:focus-visible { outline: 2px solid #395e66; outline-offset: 3px; }
.sense-blog-archive__pagination .dots { border-color: transparent; }
.sense-blog-archive__empty { padding: 48px 24px; color: #666; font-size: 18px; text-align: center; }
@media (max-width: 1100px) {
  .sense-blog-archive { width: calc(100% - 64px); margin-bottom: 90px; }
}
@media (max-width: 767px) {
  .sense-blog-archive { width: calc(100% - 32px); margin-bottom: 64px; }
  .sense-blog-archive__title { margin-bottom: 24px; font-size: 44px; }
  .sense-blog-archive__filters { margin-bottom: 28px; }
  .sense-blog-archive__filter { min-height: 38px; padding: 8px 14px; font-size: 14px; }
  .sense-blog-archive__pagination { margin-top: 32px; }
}