/* Custom CSS for consistent styling across the portfolio */

/* Project feature box styling */
.project-feature-box {
  background: #f8f9fa;
  padding: 1.5rem;
  border-radius: 8px;
  margin: 1rem 0;
}

/* Icon colors for consistent branding */
.icon-primary {
  color: #5e72e4;
}

.icon-success {
  color: #4CAF50;
}

.icon-info {
  color: #17a2b8;
}

/* Ensure buttons have consistent spacing */
.btn {
  margin-right: 0.5rem;
}

/* Hero tagline visibility and responsive scaling */
.page-intro .lead {
  opacity: 0.95;
  color: rgba(255,255,255,0.95);
}
@media (max-width: 600px) {
  .page-title { font-size: 1.6rem; }
  .page-intro .lead { font-size: 1.05rem; }
}

/* Avatar styling */
.site-avatar img, .author-image img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}

/* Active navigation indicator */
.primary-nav .current > a, .primary-nav .active > a {
  border-bottom: 2px solid #5e72e4;
  color: #5e72e4;
}