/* Groundwork — archive.css | Archive / blog index styles */
.archive-header { background: var(--color-primary); padding: clamp(48px, 7vw, 80px) var(--pad); }
.archive-header__inner { max-width: var(--max-w); margin: 0 auto; }
.archive-header h1 { color: var(--color-white); font-size: clamp(28px, 4vw, 48px); }
.archive-grid { padding: clamp(48px, 7vw, 96px) var(--pad); background: var(--color-surface); }
.archive-grid__inner { max-width: var(--max-w); margin: 0 auto; display: grid; gap: var(--space-5); }
.post-card { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-6); }
.post-card h2 { font-size: 20px; margin-bottom: var(--space-3); }
.post-card h2 a { color: var(--color-primary); text-decoration: none; }
.post-card h2 a:hover { color: var(--color-accent); }
.post-card p { font-size: 15px; color: var(--color-text-soft); }
.post-card__meta { font-size: 13px; color: var(--color-text-soft); margin-bottom: var(--space-3); }
@media (min-width: 768px) { .archive-grid__inner { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .archive-grid__inner { grid-template-columns: 1fr 1fr 1fr; } }