/* Typography: cleaner sans (Inter is loaded in _includes/head/custom.html) */
:root {
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
               "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", sans-serif;
}
html, body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Masthead: underline the current page link in blue */
.masthead .site-nav .nav__list a[aria-current="page"],
.masthead .site-nav .nav__list .active > a {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  text-decoration-color: #1e90ff;
}

/* Team cards (already in place; kept here if needed) */
.team-list { display: grid; gap: 1.25rem; }
.team-row {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  border-radius: 10px;
  background: var(--mm-card-bg, #fff);
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.team-photo-left {
  width: 120px; height: 120px; object-fit: cover; flex: 0 0 120px; border-radius: 8px;
}
.team-info { flex: 1 1 auto; }
.team-name { margin: 0 0 .25rem 0; }
.team-role { margin: 0 0 .5rem 0; color: var(--color-fg-muted, #666); font-weight: 600; }
.team-meta { margin: 0 0 .5rem 1rem; padding: 0; }
.team-meta li { list-style: disc; margin-left: 0.75rem; }
.team-bio { margin: 0; }

/* Our Work (publications) — clean card layout */
.work-list { display: grid; gap: 1rem; }
.work-item {
  padding: 1rem;
  border-radius: 10px;
  background: var(--mm-card-bg, #fff);
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.work-title { margin: 0 0 .25rem 0; }
.work-year { font-weight: 500; color: var(--color-fg-muted, #666); }
.work-authors { margin: 0 0 .25rem 0; color: var(--color-fg-muted, #555); }
.work-links { margin: 0 0 .5rem 0; }
.work-desc { margin: 0; }

/* Expandable Abstract */
details.work-abstract { margin-top: .5rem; }
details.work-abstract > summary {
  cursor: pointer;
  color: #1e90ff;
  font-weight: 600;
  list-style: none; /* Firefox */
}
details.work-abstract > summary::-webkit-details-marker { display: none; } /* Chrome/Safari */
details.work-abstract[open] > summary { margin-bottom: .25rem; }
.work-abstract-body { color: var(--color-fg-default, #333); }

/* Small screens */
@media (max-width: 540px) {
  .team-row {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .team-meta { margin-left: 0; }
}

/* Add to the bottom of your CSS file */

/* Social Icons container */
.team-social {
  margin-top: 0.75rem;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* The round buttons */
.social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f0f0f0;
  color: #333;
  text-decoration: none !important; /* Force no underline */
  transition: all 0.2s ease;
  font-size: 1rem;
  border: 1px solid #e0e0e0;
}

.social-btn:hover {
  background-color: #1e90ff; /* Blue on hover */
  border-color: #1e90ff;
  color: #fff;
  transform: translateY(-2px);
}