/* Header layout */
.lab-header__row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 14px 0;           /* tweak if you want a taller/shorter bar */
}
.site-header {
  height: 150px;        /* increase header height */
  padding: 40px 0;      /* adds space above/below content */
  display: flex;
  align-items: center;  /* vertically centers logo + nav */
}
/* Logo */
.lab-brand img{
  height: 70px;              /* adjust to taste */
  width: auto;
  display: block;
}

.site-nav a {
  font-size: 5rem;    /* enlarge nav links */
  margin-left: 40px;    /* space between each tab */
}

/* Nav (horizontal, clickable, no bullets) */
.lab-nav ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 26px;                 /* spacing between tabs */
}

.lab-nav a{
  text-decoration: none;
  font-weight: 600;
  color: #0a2a66;            /* deep blue */
}

.lab-nav a:hover{
  text-decoration: underline;
}

/* Optional: mark the active page darker if your pages emit aria-current */
.lab-nav a[aria-current="page"]{
  color: #000;
}

/* Mobile: stack logo on top and center the nav */
@media (max-width: 860px){
  .lab-header__row{
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .lab-brand img{ height: 48px; }
}
.site-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 40px;
  background-color: #f9f9f9;  /* soft background */
  font-size: 0.9em;
  color: #666; /* makes it gray */
}

.site-footer a {
  color: #666;
  text-decoration: none;
}

.site-footer a:hover {
  text-decoration: underline;
}

.footer-left {
  max-width: 60%;
}

.footer-right {
  text-align: right;
}

.footer-right h4 {
  margin: 0 0 5px;
  font-size: 1em;
  font-weight: bold;
  color: #333;
}

.footer-right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html, body {
  height: 100%;
  margin: 0;
}

.site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* full viewport height */
}

.page-content {
  flex: 1; /* pushes footer down */
  margin-top: 40px;   /* adjust this value for spacing */
}

}


.footer-right li {
  color: #999;
}
.wrapper {
  max-width: 1000px;   /* or 1000px if you prefer narrower */
  margin: 0 auto;      /* centers it */
  padding: 0 20px;     /* adds breathing room left/right */
}
.research-image {
  max-width: 200px;   /* pick a size you like */
  height: auto;       /* keeps proportions */
  border-radius: 8px; /* optional, for rounded corners */
  display: block;
  margin: 0 auto;     /* centers it if in its own line */
}
.research-figure {
  display: flex;
  flex-direction: column;   /* stack image + caption */
  justify-content: center;  /* centers horizontally */
  align-items: center;      /* center them horizontally */
  max-width: 300px;         /* keep it from being too wide */
  margin: 0 auto;           /* center the figure itself */
}

.research-figure img {
  max-width: 80%;
  height: auto;
  border-radius: 10px;      /* optional: rounded corners */
}

.research-figure figcaption {
  margin-top: 10px;         /* add space between image and caption */
  text-align: center;       /* center caption text */
  font-size: 0.9em;
  color: #333;
  max-width:100%;
  width: 90%;             /* caption takes 90% of the container width */
  margin-left: auto;      /* center horizontally */
  margin-right: auto;
}
.project-media {
  display: flex;
  justify-content: center;  /* centers horizontally */
  align-items: center;      /* centers vertically if there's extra height */
  text-align: center;
}

.research-figure {
  max-width: 70%;   /* keeps it responsive */
  margin: 0 auto;   /* centers inside container */
}