/* Category / tag / blog listing — Home layout minus curated sections. */

/* Hero band — same blogHero tunnel art as the Home (Figma 348:1210). */
.ckl-archive__hero {
  position: relative;
  min-height: clamp(18rem, 30.66vw, 33rem);
  padding-bottom: clamp(3rem, 5.96vw, 5.5125rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.ckl-archive__hero-art {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.ckl-archive__hero > .ckl-container {
  position: relative;
  z-index: 1;
}

/* "Cheesecake Labs / Insights / {cat}" — same mono line/rhythm as the author
   hero (Figma 28 ×0.70; 34 to the block below). */
.ckl-archive__hero .ckl-breadcrumb {
  font-size: 1.225rem; /* 28 */
  line-height: 1.29;
  margin-bottom: 1.5rem; /* 34 */
}

.ckl-archive__title {
  font-family: var(--ckl-font-title);
  font-weight: var(--ckl-fw-title);
  font-size: clamp(3rem, 6.62vw, 6.125rem); /* 140 */
  line-height: 84%;
  letter-spacing: -0.01em;
  color: var(--ckl-blue);
  margin: 0;
}

.ckl-archive__grid {
  /* Breathing room below the hero/filter bar — same first-fold spacing the
     Home has (.ckl-home__featured); without it the cards sit flush against
     the tunnel band when a category is selected. */
  padding-top: clamp(2rem, 4vw, 4.5rem);
  padding-bottom: clamp(4rem, 7.9vw, 7.4rem);
}

.ckl-archive__empty {
  color: var(--ckl-text-muted);
  font-size: 1.125rem;
}

/* ------------------------------------------------------------------ load more */

.ckl-load-more {
  display: flex;
  justify-content: center;
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
}

.ckl-load-more__button.is-loading {
  opacity: 0.6;
  pointer-events: none;
}