/* css styles */
/* Remove backgrounds, borders, and shadows for a minimalist flat look */
.quarto-grid-item {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 10px;
  transition: transform 0.2s ease;
}

/* Subtle hover effect without adding shadows */
.quarto-grid-item:hover {
  transform: translateY(-2px);
}

/* Ensure diagrams fit perfectly without cropping */
.quarto-grid-item .card-img-top {
  object-fit: contain !important;
  margin-bottom: 15px;
}

/* Style the project title to look bold, modern, and clean */
.quarto-grid-item .card-title {
  font-weight: 700;
  font-size: 1.15rem;
  line-height: 1.3;
  margin-bottom: 10px;
  color: #222;
}

/* Style the metadata (Role, Funding, etc.) to match the old site's grey */
.quarto-grid-item .card-text {
  font-size: 0.85rem;
  color: #666 !important;
  line-height: 1.6;
}

/* Match the muted grey text for the date */
.quarto-grid-item .listing-date {
  font-size: 0.85rem;
  color: #888 !important;
  margin-top: 10px;
}

/* Center and constrain the width of the main content */
.about-contents, .news-feed {
  max-width: 800px;
  margin: 0 auto;
}

/* Add some line height for better readability */
/* Add some line height for better readability ONLY in the main content area */
main p {
  line-height: 1.7;
  font-size: 1.05rem;
}

main li {
  line-height: 1.7;
  font-size: 1.05rem;
  margin-bottom: 12px;
}

/* Constrain document width for text pages, but allow "page-layout: full" to stretch */
.page-layout-article #quarto-document-content {
  max-width: 900px;
  margin: 0 auto;
}