/* ==========================================================================
   Blog listings: the posts page, category and tag archives, search results.
   Markup: template-parts/blog/listing.php. Cards: blog-cards.css.
   ========================================================================== */

.adk-listing { max-width: 1160px; margin: 0 auto; padding: 48px 24px 96px; }

.adk-listing-head { max-width: 760px; margin: 0 0 28px; }
.adk-listing-head__title {
  margin: 0;
  font-size: clamp(34px, 5vw, 52px);
  line-height: 1.08;
  letter-spacing: -.03em;
  text-wrap: balance;
}
.adk-listing-head__intro { margin-top: 14px; font-size: 18px; line-height: 1.6; color: var(--adk-body); }
.adk-listing-head__intro p { margin: 0 0 .6em; }
.adk-listing-head__intro p:last-child { margin-bottom: 0; }

.adk-chips ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 40px; padding: 0; list-style: none; }
.adk-chips li { margin: 0; }

.adk-lead { margin: 0 0 56px; }
.adk-listing-posts__title { margin: 0 0 20px; font-size: 22px; letter-spacing: -.01em; }

.adk-listing-empty { padding: 32px 0; font-size: 17px; color: var(--adk-stone); }
.adk-listing-empty p { margin: 0 0 20px; }

/* --- Pagination ---------------------------------------------------------- */
.adk-pagination ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 56px 0 0;
  padding: 0;
  list-style: none;
}
.adk-pagination li { margin: 0; }
.adk-pagination a,
.adk-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid var(--adk-border);
  border-radius: var(--adk-radius-sm);
  color: var(--adk-ink);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
.adk-pagination a:hover { border-color: var(--adk-ink); }
.adk-pagination .current { border-color: var(--adk-ink); background: var(--adk-ink); color: #fff; }
.adk-pagination .dots { border-color: transparent; }

@media (max-width: 640px) {
  .adk-listing { padding: 32px 16px 72px; }
  .adk-chips ul { margin-bottom: 32px; }
  .adk-lead { margin-bottom: 40px; }
  .adk-cards { gap: 24px; }
}