/**
 * Component: Archive Header
 * Title and introduction for archive/taxonomy pages
 * Includes integrated breadcrumbs navigation
 */

/* @critical-start context: archive */
.archive-title-hero {
  width: 100%;
  text-align: center;
  padding: var(--spacing-8) var(--spacing-4);
  max-width: var(--width-content-narrow);
  margin-left: auto;
  margin-right: auto;
}

/* Breadcrumbs (when integrated in header) */
.archive-title-hero .breadcrumbs {
  margin-bottom: var(--spacing-6);
}

/* Title */
.archive-title-hero-title {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral-900);
  margin-bottom: var(--spacing-4);
  line-height: var(--line-height-tight);
}

/* Description */
.archive-title-hero-description {
  font-size: var(--font-size-lg);
  color: var(--color-neutral-600);
  line-height: var(--line-height-relaxed);
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* Responsive: Larger title on desktop */
@media (min-width: 768px) {
  .archive-title-hero {
    padding: var(--spacing-12) var(--spacing-4);
  }

  .archive-title-hero-title {
    font-size: var(--font-size-4xl);
  }
}
/* @critical-end */