.archive-page { padding: var(--space-2xl) 0 var(--space-4xl); }

/* Archive header */
.archive-header {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  padding: var(--space-xl);
  background: var(--color-white);
  border: 1.5px solid var(--color-border);
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-xl);
}
.archive-header__icon {
  width: 64px; height: 64px;
  border-radius: var(--radius-md);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  background: var(--color-bg);
}
.archive-header--calculators .archive-header__icon  { background: var(--cat-calc-bg); color: var(--cat-calc-icon); }
.archive-header--ai-tools .archive-header__icon     { background: var(--cat-ai-bg);   color: var(--cat-ai-icon); }
.archive-header--pdf-tools .archive-header__icon    { background: var(--cat-pdf-bg);  color: var(--cat-pdf-icon); }
.archive-header--file-converters .archive-header__icon { background: var(--cat-file-bg); color: var(--cat-file-icon); }
.archive-header--converters .archive-header__icon   { background: var(--cat-conv-bg); color: var(--cat-conv-icon); }

.archive-header__title {
  font-size: 1.75rem;
  letter-spacing: -.03em;
  margin-bottom: var(--space-xs);
}
.archive-header__desc {
  font-size: .9rem;
  color: var(--color-muted);
  margin-bottom: var(--space-sm);
}
.archive-header__count {
  display: inline-block;
  font-size: .78rem;
  font-weight: 600;
  padding: 3px 10px;
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-full);
  color: var(--color-muted);
}
.archive-empty {
  text-align: center;
  padding: var(--space-4xl) 0;
  color: var(--color-muted);
  font-size: 1rem;
}

@media (max-width: 640px) {
  .archive-header { flex-direction: column; align-items: flex-start; }
}