/* Limit page width and center content */
body {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Warm orange links */
a {
  color: #FF6F61;
  text-decoration: none;
}

a:hover {
  color: #E65B50;
  text-decoration: underline;
}


/* Homepage row layout: side-by-side with spacing */
.homepage-row {
  display: flex;
  gap: 2rem;                 /* horizontal spacing between image and text */
  flex-wrap: wrap;            /* allow stacking on smaller screens */
  align-items: flex-start;    /* align items at top */
}

/* Column widths */
.homepage-row .photo {
  flex: 0 0 40%;              /* 40% width for the photo */
  padding-top: 0.2rem;
}

.homepage-row .text {
  flex: 0 0 55%;              /* 55% width for the text */
  padding-top: 0.1rem;        /* small offset so text sits slightly below top of photo */
}

/* Responsive: stack columns on small screens */
@media (max-width: 768px) {
  .homepage-row {
    flex-direction: column;
  }

  .homepage-row .photo,
  .homepage-row .text {
    flex: 0 0 100%;  /* full width for each column */
  }
}

footer {
  font-size: 0.8rem;
  text-align: center;
  color: #666;
  padding: 1rem 0;
}

/* Layout for research logos on research page */
.research-logos {
  display: flex;
  flex-wrap: nowrap;  /* ensures items stay on one line */
  align-items: center;
  gap: 2rem;          /* horizontal spacing between logos */
  margin-bottom: 1rem;     /* vertical space below the logos */
}

.research-logos img {
  height: 80px;
  width: auto;
  display: block;     /* remove inline spacing issues */
}