/*
 * Minimal site-specific polish. Quarto's Cosmo/Bootstrap defaults still control
 * the main theme; these helpers improve spacing, cards, tags, and mobile lists.
 */

.lead {
  max-width: 70rem;
}

.hero-block {
  padding: 1.25rem 0 1rem;
  border-bottom: 1px solid var(--bs-border-color);
  margin-bottom: 1.5rem;
}

.link-grid,
.card-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  margin: 1rem 0 1.5rem;
}

.feature-card,
.publication-card {
  border: 1px solid var(--bs-border-color);
  border-radius: 0.6rem;
  padding: 1rem;
  background: var(--bs-body-bg);
}

.publication-card {
  margin-bottom: 0.85rem;
}

.method-tags code,
.publication-card code {
  display: inline-block;
  margin: 0.1rem 0.15rem 0.1rem 0;
  white-space: normal;
}

.compact-list li {
  margin-bottom: 0.35rem;
}

@media (max-width: 768px) {
  .hero-block {
    padding-top: 0.5rem;
  }

  .btn {
    margin-bottom: 0.35rem;
  }
}

.link-grid ul {
  display: grid;
  gap: 0.35rem 1rem;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  padding-left: 1.1rem;
}