.archive-home .content-panel { width: 100%; padding: 28px; }
.archive-intro { font-size: 28px; text-align: center; margin-bottom: 8px; }
.archive-summary { text-align: center; color: #666; margin-bottom: 30px; }
.archive-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
.archive-card { min-width: 0; border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.archive-card a { display: block; color: #333; text-decoration: none; }
.archive-card a:hover h2 { color: #428bca; text-decoration: underline; }
.archive-card img { display: block; width: 100%; height: auto; }
.archive-card h2 { font-size: 25px; margin: 16px 0 10px; }
.archive-date { color: #666; font-size: 16px; }
.archive-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 32px; }
.archive-pagination a, .archive-pagination span { padding: 10px 15px; border: 1px solid #ddd; text-decoration: none; }
.archive-pagination [aria-current] { background: #333; border-color: #333; color: #fff; }
.archive-pagination a:hover { background: #f1f1f1; }
@media (max-width: 767px) {
  .archive-home .content-panel { padding: 20px; }
  .archive-grid { grid-template-columns: 1fr; gap: 24px; }
  .archive-intro { font-size: 24px; }
  .archive-card h2 { font-size: 23px; }
}