/* =========================================================
   ARCHIVE + SEARCH — Luxury grid
   ========================================================= */

.archive-page,
.search-results{ padding: 64px 0; }

.archive-header,
.search-header{ text-align:center; margin-bottom: 36px; }

.archive-title,
.search-title{
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  letter-spacing: -.03em;
}

.posts-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.post-card{
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  overflow:hidden;
  transition: var(--transition-normal);
}

.post-card:hover{
  transform: translateY(-4px);
  border-color: rgba(245,158,11,.28);
  box-shadow: var(--shadow-card);
}

.post-card-thumbnail img{ width:100%; height: 190px; object-fit: cover; }

.post-card-content{ padding: 16px; }

.post-card-title{ font-size: 1.1rem; margin-bottom: 8px; }

.post-card-title a:hover{ color: rgba(245,158,11,.95); }

.post-card-excerpt{ color: var(--text-secondary); font-size: .95rem; margin-bottom: 12px; }

.post-card-link{ color: rgba(245,158,11,.95); font-weight: 800; }
.post-card-link:hover{ color: var(--primary-color); }

/* Pagination */
.pagination{ margin-top: 36px; text-align:center; }
.pagination .nav-links{ display:inline-flex; gap: 10px; }
.pagination a,
.pagination span{
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--border-color);
  border-radius: 14px;
  color: rgba(255,255,255,.85);
  transition: var(--transition-normal);
}
.pagination a:hover{
  border-color: rgba(245,158,11,.35);
  box-shadow: var(--shadow-card);
}
.pagination .current{
  background: rgba(245,158,11,.92);
  color: #0a0a0a;
  border-color: transparent;
}

@media(max-width:1024px){ .posts-grid{ grid-template-columns: repeat(2,1fr); } }
@media(max-width:768px){ .posts-grid{ grid-template-columns: 1fr; } }