.archive-filters{flex-wrap:wrap;overflow:visible;gap:7px}
.archive-filters .filter{padding:8px 13px}
.archive-columns,.archive-entry{grid-template-columns:62px minmax(0,1.3fr) minmax(170px,.65fr) .32fr}
.archive-category-list{display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-self:start}
.archive-category-list span{display:inline-flex;align-items:center;min-height:24px;padding:5px 8px;border-radius:99px;background:#edf2eb;color:var(--green);font-size:7px;font-weight:700;line-height:1.15;text-transform:uppercase;letter-spacing:.075em}
.category-summary{display:flex;align-items:end;gap:12px;margin:38px 0 19px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.18)}
.category-summary strong{color:var(--lime);font:500 68px/.75 var(--serif)}
.category-summary span{max-width:90px;color:#d4dfd8;font-size:9px;font-weight:700;line-height:1.25;text-transform:uppercase;letter-spacing:.1em}
.topic-index .category-summary-copy{margin:0;color:#bdcbc2;font-size:11px;line-height:1.55}
.category-summary-link{display:inline-block;margin-top:21px;color:var(--lime);font-size:10px;font-weight:700}
.category-summary-link:hover{text-decoration:underline;text-underline-offset:3px}

@media(max-width:850px){
  .archive-columns,.archive-entry{grid-template-columns:50px minmax(0,1fr) auto}
  .archive-category-list{grid-column:2;grid-row:2}
}

@media(max-width:620px){
  .archive-filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-17px;padding-right:17px;padding-bottom:7px;scrollbar-width:thin}
  .archive-filters .filter{flex:0 0 auto}
}

@media(max-width:560px){
  .archive-columns,.archive-entry{grid-template-columns:42px minmax(0,1fr)}
  .archive-category-list{grid-column:2}
}