@import url("site.css");

.head a:not(.logo) {
  color: var(--accent);
  font-weight: 600;
  display: inline-block;
  margin: 0.35rem 0.5rem;
}

.head a:not(.logo):hover {
  text-decoration: underline;
  color: #b4b9ff;
}

#learn {
  padding: 1.5rem 1rem 2rem;
  text-align: center;
}

#learn h3 {
  margin-bottom: 1rem;
}

#learn .guide-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  margin-top: 1rem;
}

.guide-card-title {
  text-align: center;
  margin-top: 0;
}