/* Research index refinements. Additive — remove the css entry to revert. */

:root,
.quarto-listing {
  --res-ink: var(--bs-body-color, #14181d);
  --res-muted: var(--bs-secondary-color, #5c6672);
  --res-rule: var(--bs-border-color, #e3e1dc);
  --res-accent: var(--bs-link-color, #8a2f2f);
}

/* --- Counts beside the page title ---------------------------------------- */

.page-stats {
  display: flex;
  gap: 2.5rem;
  padding: 0 0 1.4rem;
  margin: 0 0 1.4rem;
  border-bottom: 1px solid var(--bs-border-color, #e3e1dc);
}

.page-stats .stat-value {
  display: block;
  font-family: var(--site-serif);
  font-size: 2.1rem;
  line-height: 1;
  color: var(--bs-body-color, #14181d);
  font-variant-numeric: tabular-nums;
}

.page-stats .stat-label {
  display: block;
  margin-top: .4rem;
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--bs-secondary-color, #5c6672);
}

/* --- Project cards: kind eyebrow, evenly ranked pair --------------------- */

#listing-projects .quarto-grid-item {
  height: 100%;
  border-radius: 14px;
}

#listing-projects .card-body {
  padding: 1.75rem 1.85rem 1.9rem;
}

#listing-projects .listing-kind {
  float: left;
  margin-right: .75rem;
  font-size: .66rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--bs-link-color, #8a2f2f);
}

#listing-projects .listing-date {
  font-size: .7rem;
  letter-spacing: .025em;
  color: var(--bs-secondary-color, #5c6672);
  font-variant-numeric: tabular-nums;
}

#listing-projects .card-title {
  clear: both;
  margin-top: .7rem;
  font-size: 1.6rem;
  line-height: 1.18;
  letter-spacing: -.018em;
  text-wrap: balance;
}

#listing-projects .listing-description {
  margin-top: .75rem;
  font-size: .95rem;
  line-height: 1.6;
}

@media (max-width: 700px) {
  .page-stats {
    gap: 1.75rem;
  }

  }