/* Component-specific styles */

/* Page Header Component */
.sb-page-header {
  position: relative;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid color-mix(in srgb, var(--secondary-color) 10%, var(--surface-color, var(--background-color, #ffffff)));
}

.sb-page-header::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 3px;
  background: linear-gradient(
    to right,
    transparent,
    var(--primary-color, #3b82f6),
    transparent
  );
  opacity: 0.3;
  filter: blur(2px);
}
