/* Landing help / example queries card. */

.help-card {
  padding: 1.05rem 1.15rem;
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  background: var(--bg);
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  box-shadow: var(--shadow-1);
}

.help-card h3 {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--fg);
}

.help-card p {
  margin: 0;
  font-size: 0.83rem;
  color: var(--fg);
  line-height: 1.55;
}

.help-examples {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.5rem;
  margin-top: 0.25rem;
}

.help-examples code {
  cursor: pointer;
  transition: background-color 0.12s ease, color 0.12s ease;
}

.help-examples code:hover {
  background: var(--hi);
  color: #fff;
}

.help-hint {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.5;
}