/* PAGE TITLE */
h1 {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  color: var(--accent);
  text-transform: capitalize;
}

/* SUMMARY */
.summary {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-bottom: 1.5rem;
}

/* BREADCRUMB */
nav.breadcrumb {
  font-size: 0.8rem;
  color: var(--text-muted);
  margin-bottom: 2rem;
}

nav.breadcrumb a {
  color: var(--text-soft);
}

nav.breadcrumb a:hover {
  color: white;
}

/* GRID */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
  max-width: 1200px;
}