.archive-section .glass-section{
  padding:clamp(20px,4vw,32px);
}

.archive-section h2{
  margin-bottom:14px;
}

.archive-list{
  gap:8px;
}

.archive-item.archive-summary-card{
  display:grid;
  width:100%;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:12px;
  padding:14px 16px;
  border-radius:16px;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}

.archive-summary-copy{
  display:block;
  min-width:0;
}

.archive-summary-label{
  display:block;
  margin:0 0 4px;
  color:var(--teal-deep);
  font-size:10px;
  font-weight:850;
  line-height:1.15;
  letter-spacing:.12em;
}

.archive-summary-card strong{
  display:block;
  margin:0;
  color:var(--navy);
  font-size:16px;
  line-height:1.25;
}

.archive-summary-card p{
  display:-webkit-box;
  overflow:hidden;
  margin:6px 0 7px;
  color:#46546c;
  font-size:13px;
  line-height:1.4;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.archive-summary-card time{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.2;
}

.archive-summary-card b{
  align-self:center;
  color:var(--teal-deep);
  font-size:13px;
  white-space:nowrap;
}

@media(max-width:520px){
  .archive-section{
    padding-top:16px;
  }

  .archive-section .glass-section{
    padding:18px 14px;
    border-radius:24px;
  }

  .archive-item.archive-summary-card{
    padding:11px 12px;
    gap:10px;
  }

  .archive-summary-label{
    font-size:9px;
  }

  .archive-summary-card strong{
    font-size:14px;
  }

  .archive-summary-card p{
    margin:5px 0 6px;
    font-size:12px;
  }
}