/**
 * Guide entry: three finder cards, each with its first question as chips.
 * A chip is a link into the guide with that answer chosen.
 */
.guide-entry__head { max-width: 60ch; margin-bottom: var(--space-6); }
.guide-entry__eyebrow {
  margin-bottom: var(--space-2);
}
.guide-entry__heading { margin: 0; }
.guide-entry__text { margin: var(--space-3) 0 0; color: var(--color-muted); }

.guide-entry__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-4);
}

.guide-entry__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-6);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-m);
  background-color: var(--color-surface);
}

.guide-entry__icon {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--color-brand);
  background-color: color-mix(in srgb, var(--color-brand) 12%, transparent);
}

.guide-entry__title { margin: 0; }
.guide-entry__question { margin: 0; color: var(--color-muted); }

.guide-entry__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-2) 0 0;
  padding: 0;
  list-style: none;
}

.guide-entry__chip {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 var(--space-4);
  border: 1px solid var(--color-line);
  border-radius: 999px;
  color: var(--color-ink);
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.guide-entry__chip:hover,
.guide-entry__chip:focus-visible {
  border-color: var(--color-brand);
  background-color: color-mix(in srgb, var(--color-brand) 10%, transparent);
}

.guide-entry__all {
  margin-top: auto;
  padding-top: var(--space-3);
  color: var(--color-muted);
  text-decoration: none;
}

.guide-entry__all:hover { color: var(--color-ink); }