@layer components {

@media (max-width: 1023px) {

  .main-content > .blog-lede { padding-top: calc(var(--navbar-h) + var(--hero-lede)); }
  .blog-lede {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--stack-lg);
  }

  .blog-lede__copy { grid-column: 1; grid-row: auto; }

  .blog-lede__fig {
    display: grid;
    row-gap: var(--stack-md);
    margin: 0;
  }

  .blog-lede__fig .blog-lede__cover { align-self: stretch; margin-right: 0; }
}

@media (max-width: 599px) {
  .blog-lede__fig .blog-lede__cover { margin-inline: calc(-1 * var(--gutter)); border-radius: 0; }
  .blog-lede__fig .blog-lede__cover .cover { border-radius: 0; }
}

@media (max-width: 1023px) {
  .blog-section .cards-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
    row-gap: var(--stack-md);
    overflow-x: visible;
    padding-bottom: 0;
  }

  .blog-section .cards-grid > .cards-grid__cell { flex: none; }

  @media (min-width: 600px) {
    .blog-section .cards-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: var(--stack-md);
    }
  }

  .blog-section .post-card__desc {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
}

@media (max-width: 1023px) {
  .blog-feature__dek,
  .blog-foot { font-size: var(--mt-body); }

  .blog-filter__n { font-size: var(--mt-kicker); }
}

@media (max-width: 1023px) {
  .blog-filter__row .blog-filter__btn {
    min-width: 40px;
    justify-content: center;
  }
}

@media (max-width: 1023px) {
  .main-content > .blog-section { margin-top: var(--stack-lg); }
}
}