/* aguywithai.world site-specific */

.hero {
  padding-bottom: calc(var(--space) * 2);
}

.hero-lead {
  font-size: 1.1rem;
  color: var(--muted);
  max-width: 40rem;
}

.card-grid {
  display: grid;
  gap: calc(var(--space) * 1.25);
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  margin-top: calc(var(--space) * 1.5);
}

#about .muted:last-child {
  margin-bottom: 0;
}

/* Open source hub (opensource/index.html) */

.page-opensource .opensource-main {
  max-width: 46rem;
}

.page-opensource .opensource-hero {
  padding-bottom: calc(var(--space) * 1.5);
}

.page-opensource .opensource-lead {
  max-width: 42rem;
}

.page-opensource .panel {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: calc(var(--space) * 1.25);
  margin-bottom: calc(var(--space) * 1.5);
  background: var(--surface);
}

.page-opensource .panel--accent {
  border-left: 3px solid var(--accent);
}

.page-opensource .panel h2,
.page-opensource .card--feature h2 {
  margin-top: 0;
  font-size: 1.15rem;
}

.page-opensource .card--feature {
  margin-bottom: calc(var(--space) * 1.5);
}