:root {
  --theodora-paper: #f3ead8;
  --theodora-ink: #302a22;
  --theodora-rule: #8f7651;
}

.archive-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 1rem;
  margin: 1.5rem 0;
}

.archive-card {
  border: 1px solid color-mix(in srgb, var(--theodora-rule) 70%, transparent);
  border-radius: 0.35rem;
  padding: 1rem 1.15rem;
}

.archive-card h2 {
  margin-top: 0;
}

@media (prefers-color-scheme: light) {
  .archive-card {
    background: color-mix(in srgb, var(--theodora-paper) 55%, white);
    color: var(--theodora-ink);
  }
}