/* Expert and creator previews: a profile card and how their work shows in search. */
.preview {
  display: grid;
  gap: 14px;
}
.pv-card {
  background: var(--cream);
  border: 1px solid var(--ink-soft);
  border-radius: 20px;
  padding: 18px 20px;
}
.pv-card.soft {
  background: #fffdf8;
}
.pv-head {
  display: flex;
  gap: 14px;
  align-items: center;
}
.pv-head b {
  display: block;
  font-weight: 500;
  font-size: 18px;
}
.pv-head span:not(.pv-ava) {
  font-size: 14px;
  color: rgba(58, 39, 35, 0.65);
}
.pv-ava {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, #fde7c4, #fbd3c9);
  font-size: 22px;
}
.pv-line {
  margin: 12px 0 0;
  font-size: 15px;
}
.pv-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0 0;
}
.pv-tags span {
  font-size: 12px;
  border-radius: 999px;
  padding: 3px 10px;
  background: var(--saffron);
}
.pv-tags span + span {
  background: var(--paper);
  border: 1px solid var(--ink-soft);
}
.pv-kind {
  margin: 0;
  font-size: 12px;
  color: rgba(58, 39, 35, 0.6);
}
.pv-title {
  display: block;
  margin-top: 4px;
  font-weight: 400;
  font-size: 19px;
}
.pv-sign {
  margin: 12px 0 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--label);
}