/* archive.css */
.archive-hero{
    padding: 32px 0 16px;
    background: linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,0));
  }
  .archive-title{ margin:0; font-size: 26px; }
  .archive-sub{ margin: 10px 0 0; color: var(--muted); }
  
  .post-grid{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    padding: 18px 0 56px;
  }
  @media (max-width: 899px){
    .post-grid{
      grid-template-columns: repeat(2, 1fr);
      padding-bottom: 40px;
    }
  }
  
  .post-card{
    border:1px solid var(--border);
    border-radius: 16px;
    overflow:hidden;
    text-decoration:none;
    background:#fff;
  }
  .post-card__thumb img{ width:100%; height:auto; display:block; }
  .post-card__noimg{
    width:100%;
    aspect-ratio: 16/10;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(0,0,0,.04);
    font-weight: 800;
    opacity:.6;
  }
  .post-card__body{ padding: 12px; }
  .post-card__meta{ margin:0 0 6px; font-size: 13px; color: var(--muted2); }
  .post-card__title{ margin:0; font-size: 15px; line-height: 1.5; }
  
  /* pagination */
  .pagination{
    display:flex;
    justify-content:center;
    gap: 10px;
    padding-bottom: 56px;
  }
  .pagination a, .pagination span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.12);
    text-decoration:none;
    font-weight: 700;
  }