/* Modern Sans V3.6 — stable Research interactions and co-first author markers */
/* Redeploy marker: GitHub Actions migration */

/* About: centered horizontally, with a compact two-line statement placed slightly lower. */
.page__content .about-v3 {
  display: block !important;
  min-height: 0 !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 6.5rem 1rem 3rem !important;
}

.page__content .about-v3__statement {
  max-width: none !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.page__content .about-v3__line {
  display: block;
}

.page__content .about-v3__line--second {
  white-space: nowrap;
}

/* Research: publication cards stay visually static. */
.page__content .publication-card,
.page__content .publication-card:hover {
  margin: 0 !important;
  padding: 0.8rem 0 !important;
  border: 0 !important;
  background: transparent !important;
  transform: none !important;
  transition: none !important;
}

.page__content .publication-card:hover .publication-year,
.page__content .publication-card:hover .my-name {
  color: #002FA7 !important;
}

.page__content .publication-card:hover .publication-title,
.page__content .publication-card:hover .publication-journal-row {
  color: #555a5f !important;
}

.page__content .publication-card:hover .publication-type,
.page__content .publication-card:hover .publication-authors,
.page__content .publication-card:hover .publication-journal-row em,
.page__content .publication-card:hover .publication-doi-link {
  color: #737980 !important;
}

/* Keep article/PDF icons visible even when an older wildcard hover rule is present. */
.page__content .research-page .publication-card:hover .publication-doi-link,
.page__content .research-page .publication-card:hover .publication-doi-link svg {
  color: #737980 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.page__content .research-page .publication-card:hover .publication-doi-link svg,
.page__content .research-page .publication-card:hover .publication-doi-link svg path,
.page__content .research-page .publication-card:hover .publication-doi-link svg polyline,
.page__content .research-page .publication-card:hover .publication-doi-link svg line {
  stroke: #737980 !important;
}

.page__content .publication-doi-link:hover,
.page__content .research-page .publication-card:hover .publication-doi-link:hover {
  color: #002FA7 !important;
  transform: translateY(-1px) !important;
}

.page__content .research-page .publication-card:hover .publication-doi-link:hover svg,
.page__content .research-page .publication-card:hover .publication-doi-link:hover svg path,
.page__content .research-page .publication-card:hover .publication-doi-link:hover svg polyline,
.page__content .research-page .publication-card:hover .publication-doi-link:hover svg line {
  stroke: #002FA7 !important;
}

/* Co-first-author + markers: true superscripts and always inherit the surrounding author color. */
.page__content .publication-authors sup {
  position: relative !important;
  top: -0.42em !important;
  vertical-align: baseline !important;
  font-size: 0.66em !important;
  line-height: 0 !important;
  color: inherit !important;
}

.page__content .research-page .publication-card:hover .publication-authors sup,
.page__content .research-page .publication-card:hover .my-name sup {
  color: inherit !important;
}

/* Display the publication legend with a semicolon between the two author-note definitions. */
.page__content .publication-legend {
  font-size: 0 !important;
}

.page__content .publication-legend::before {
  content: "* Corresponding author; + Co-first author";
  font-family: "Helvetica Neue", Helvetica, "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1rem !important;
  font-weight: 200 !important;
  color: #737980 !important;
  line-height: 1.5 !important;
}

.page__content .conference-card:hover {
  color: #737980 !important;
  background: transparent !important;
  transform: none !important;
}

/* Blog: clickable sharp cards with subtle lift and depth, without hover recoloring. */
.page__content .news-card {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 6px 22px rgba(15, 23, 42, 0.10) !important;
  transform: translateY(0) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}

.page__content .news-card:hover {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14) !important;
  transform: translateY(-3px) !important;
}

.page__content .news-card:hover .news-image img {
  transform: none !important;
  filter: saturate(0.88) !important;
}

/* Elsewhere: retain the image treatment, add only a small vertical lift. */
.page__content .gallery-card {
  transform: translateY(0) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}

.page__content .gallery-card:hover {
  transform: translateY(-3px) !important;
}

@media (max-width: 768px) {
  .page__content .about-v3 {
    min-height: 0 !important;
    padding: 4.5rem 0.5rem 2rem !important;
  }

  .page__content .about-v3__line--second {
    white-space: normal;
  }

  .page__content .publication-card,
  .page__content .publication-card:hover {
    margin: 0 !important;
    padding: 0.7rem 0 !important;
  }

  .page__content .news-card:hover,
  .page__content .gallery-card:hover {
    transform: none !important;
  }
}