.page-header {
  width: 100%;
  padding: var(--space-md) 0 var(--space-lg);
}

.page-header__inner {
  width: 100%;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

.page-header__breadcrumbs .breadcrumbs {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

.page-header__breadcrumbs a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition-base);
}

.page-header__breadcrumbs a:hover {
  color: var(--color-accent);
}

.page-header__title {
  margin-top: var(--space-sm);
  font-size: var(--font-size-xxl);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--color-text-primary);
}