.insights-index-page .article-index {
  display: grid;
  gap: clamp(2rem, 1.5rem + 1.8vw, 3.5rem);
}

.insights-index-page .article-index__head {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--col-gap);
  align-items: end;
  padding-bottom: clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem);
  border-bottom: 1px solid var(--line-strong);
}

.insights-index-page .article-index__head .h2 {
  grid-column: 1 / span 7;
  max-width: 20ch;
}

.insights-index-page .article-index__head p {
  grid-column: 9 / -1;
  max-width: 38ch;
}

.insights-index-page .filters ul[data-astro-cid-wnr7p6jl] {
  gap: clamp(1rem, .5rem + 1.5vw, 2.25rem);
  padding-bottom: 0;
}

.insights-index-page .filters a[data-astro-cid-wnr7p6jl] {
  min-height: 2.5rem;
  padding: .35rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--fg-muted);
  position: relative;
}

.insights-index-page .filters a[data-astro-cid-wnr7p6jl]::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--dur) var(--ease-out);
}

.insights-index-page .filters a[data-astro-cid-wnr7p6jl]:hover,
.insights-index-page .filters a[data-astro-cid-wnr7p6jl]:focus-visible {
  color: var(--fg);
  border-color: transparent;
}

.insights-index-page .filters a[data-astro-cid-wnr7p6jl]:hover::after,
.insights-index-page .filters a[data-astro-cid-wnr7p6jl]:focus-visible::after,
.insights-index-page .filters a[data-astro-cid-wnr7p6jl][aria-current="page"]::after {
  transform: scaleX(1);
  transform-origin: left;
}

.insights-index-page .filters a[data-astro-cid-wnr7p6jl][aria-current="page"] {
  background: transparent;
  border-color: transparent;
  color: var(--fg);
}

.insights-index-page .grid-cards[data-astro-cid-wnr7p6jl] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.insights-index-page .grid-cards[data-astro-cid-wnr7p6jl] > li[data-astro-cid-wnr7p6jl],
.insights-index-page .grid-cards[data-astro-cid-wnr7p6jl] > li[data-astro-cid-wnr7p6jl].is-featured,
.insights-index-page .grid-cards[data-astro-cid-wnr7p6jl] > li[data-astro-cid-wnr7p6jl]:nth-child(n + 4) {
  grid-area: auto / 1 / auto / -1;
}

.insights-index-page .card[data-astro-cid-7ahxywo7],
.insights-index-page .card[data-astro-cid-7ahxywo7].card--featured {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--col-gap);
  row-gap: clamp(.75rem, .5rem + .6vw, 1.25rem);
  align-items: start;
  height: auto;
  padding-block: clamp(2rem, 1.5rem + 2vw, 3.5rem);
  border-top: 1px solid var(--line-strong);
}

.insights-index-page .card > .label[data-astro-cid-7ahxywo7] {
  grid-column: 1 / span 3;
  max-width: 26ch;
  color: var(--accent);
  font-size: var(--fs-label);
  line-height: 1.45;
}

.insights-index-page .card__title[data-astro-cid-7ahxywo7],
.insights-index-page .card--featured[data-astro-cid-7ahxywo7] .card__title[data-astro-cid-7ahxywo7] {
  grid-column: 4 / span 5;
  max-width: 24ch;
  font-size: clamp(1.45rem, 1.2rem + .8vw, 2.1rem);
  letter-spacing: -.026em;
  font-weight: 430;
  line-height: 1.15;
}

.insights-index-page .card__excerpt[data-astro-cid-7ahxywo7],
.insights-index-page .card--featured[data-astro-cid-7ahxywo7] .card__excerpt[data-astro-cid-7ahxywo7] {
  grid-column: 9 / -1;
  max-width: 46ch;
  color: var(--fg-muted);
  font-size: clamp(1rem, .96rem + .12vw, 1.075rem);
  line-height: 1.62;
}

.insights-index-page .card__foot[data-astro-cid-7ahxywo7],
.insights-index-page .card--featured[data-astro-cid-7ahxywo7] .card__foot[data-astro-cid-7ahxywo7] {
  grid-column: 9 / -1;
  align-items: flex-end;
  margin-top: 0;
  padding-top: .5rem;
}

.insights-index-page .card__meta[data-astro-cid-7ahxywo7] {
  gap: .2rem .5rem;
  font-size: clamp(.82rem, .79rem + .08vw, .9rem);
}

@media (max-width: 1024px) {
  .insights-index-page .article-index__head .h2 {
    grid-column: 1 / span 7;
  }

  .insights-index-page .article-index__head p {
    grid-column: 8 / -1;
  }

  .insights-index-page .card > .label[data-astro-cid-7ahxywo7] {
    grid-column: 1 / span 3;
  }

  .insights-index-page .card__title[data-astro-cid-7ahxywo7],
  .insights-index-page .card--featured[data-astro-cid-7ahxywo7] .card__title[data-astro-cid-7ahxywo7],
  .insights-index-page .card__excerpt[data-astro-cid-7ahxywo7],
  .insights-index-page .card--featured[data-astro-cid-7ahxywo7] .card__excerpt[data-astro-cid-7ahxywo7],
  .insights-index-page .card__foot[data-astro-cid-7ahxywo7],
  .insights-index-page .card--featured[data-astro-cid-7ahxywo7] .card__foot[data-astro-cid-7ahxywo7] {
    grid-column: 4 / -1;
  }

  .insights-index-page .card__excerpt[data-astro-cid-7ahxywo7],
  .insights-index-page .card--featured[data-astro-cid-7ahxywo7] .card__excerpt[data-astro-cid-7ahxywo7] {
    max-width: 62ch;
  }
}

@media (max-width: 680px) {
  .insights-index-page .article-index__head {
    display: grid;
    gap: 1rem;
  }

  .insights-index-page .article-index__head .h2,
  .insights-index-page .article-index__head p,
  .insights-index-page .card > .label[data-astro-cid-7ahxywo7],
  .insights-index-page .card__title[data-astro-cid-7ahxywo7],
  .insights-index-page .card--featured[data-astro-cid-7ahxywo7] .card__title[data-astro-cid-7ahxywo7],
  .insights-index-page .card__excerpt[data-astro-cid-7ahxywo7],
  .insights-index-page .card--featured[data-astro-cid-7ahxywo7] .card__excerpt[data-astro-cid-7ahxywo7],
  .insights-index-page .card__foot[data-astro-cid-7ahxywo7],
  .insights-index-page .card--featured[data-astro-cid-7ahxywo7] .card__foot[data-astro-cid-7ahxywo7] {
    grid-column: 1 / -1;
  }

  .insights-index-page .filters ul[data-astro-cid-wnr7p6jl] {
    display: grid;
    gap: .25rem;
  }

  .insights-index-page .filters a[data-astro-cid-wnr7p6jl] {
    width: 100%;
    justify-content: space-between;
  }

  .insights-index-page .card[data-astro-cid-7ahxywo7],
  .insights-index-page .card[data-astro-cid-7ahxywo7].card--featured {
    grid-template-columns: 1fr;
    padding-block: 2rem;
  }

  .insights-index-page .card__title[data-astro-cid-7ahxywo7],
  .insights-index-page .card--featured[data-astro-cid-7ahxywo7] .card__title[data-astro-cid-7ahxywo7] {
    max-width: 28ch;
  }
}
