/* Research Page Styles */
.quarto-title-block .quarto-title-banner {
  background: #011627;
}

/* Fixed size and styling for all publication images */
.feature-image {
  flex: 0 0 250px !important;
  max-width: 250px !important;
  min-width: 250px !important;
}

.feature-image img {
  width: 250px !important;
  height: 200px !important;
  object-fit: contain !important;
  border: 2px solid #e1e5e9 !important;
  border-radius: 8px !important;
  padding: 8px !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease !important;
}

/* Mobile responsive overrides */
@media (max-width: 768px) {
  .feature-image {
    flex: none !important;
    max-width: 100% !important;
    min-width: auto !important;
    width: 100% !important;
    text-align: center;
  }
  
  .feature-image img {
    width: 100% !important;
    max-width: 300px !important;
    height: 180px !important;
    margin: 0 auto;
    display: block;
  }
}

@media (max-width: 480px) {
  .feature-image img {
    height: 150px !important;
    max-width: 250px !important;
  }
}

.feature-image img:hover {
  border-color: #3498db !important;
  box-shadow: 0 4px 16px rgba(52, 152, 219, 0.2) !important;
  transform: translateY(-2px) !important;
}

/* Simple Year Filter Styles */
.year-filter-container {
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  padding: 1rem 1.5rem;
  background-color: #f8f9fa;
  max-width: fit-content;
}

.year-filter-simple {
  display: inline-flex;
  gap: 1.5rem;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.year-btn-simple {
  color: #6c757d;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem 0;
  transition: color 0.3s ease;
  text-decoration: none;
  border: none;
  background: none;
}

.year-btn-simple:hover {
  color: #495057;
}

.year-btn-simple.active {
  color: #011627;
  font-weight: 700;
}

/* Mobile responsive for year filter */
@media (max-width: 768px) {
  .year-filter-container {
    padding: 0.8rem 1rem;
    max-width: 100%;
  }
  
  .year-filter-simple {
    gap: 1rem;
  }
  
  .year-btn-simple {
    font-size: 0.9rem;
    padding: 0.4rem 0;
  }
}

@media (max-width: 480px) {
  .year-filter-container {
    padding: 0.6rem 0.8rem;
  }
  
  .year-filter-simple {
    gap: 0.8rem;
  }
  
  .year-btn-simple {
    font-size: 0.85rem;
    padding: 0.3rem 0;
  }
}

/* Smooth transitions for project filtering */
.project {
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.project.fade-in {
  animation: fadeInUp 0.5s ease-out forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Vibrant syntax highlighting for BibTeX - matching the image */
.sourceCode.bibtex .va { color: #5599ff !important; font-weight: 600 !important; } /* @article - light blue */
.sourceCode.bibtex .ot { color: #ff6699 !important; font-weight: 500 !important; } /* citation key - light pink/red */
.sourceCode.bibtex .dt { color: #33ccff !important; font-weight: 500 !important; } /* field names - light teal/cyan */
.sourceCode.bibtex .st { color: #ff6666 !important; } /* strings - light red */

/* Remove the opacity reductions for more vibrant colors */
.sourceCode.bibtex .va,
.sourceCode.bibtex .ot,
.sourceCode.bibtex .dt,
.sourceCode.bibtex .st {
  opacity: 1 !important;
}

/* Poster thumbnail styling */
.poster-thumbnail {
  transition: transform 0.3s ease;
}

.poster-thumbnail:hover {
  transform: scale(1.05);
}