.hp-search-form {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  margin: 0 0 1rem;
}
.hp-search-form label {
  font-weight: 700;
  color: var(--hp-green-dark);
}
.hp-search-form input[type="search"] {
  flex: 1 1 12rem;
  min-width: 0;
  font: inherit;
  color: var(--hp-ink);
  background: #fff;
  border: 1px solid #c5d4b8;
  border-radius: 8px;
  padding: .45rem .65rem;
}
.hp-search-form button {
  font: inherit;
  font-weight: 700;
  color: #fff;
  background: var(--hp-green);
  border: 0;
  border-radius: 8px;
  padding: .5rem .9rem;
  cursor: pointer;
}
.hp-search-form button:hover { background: var(--hp-green-dark); }
.hp-search-count,
.hp-search-note { color: var(--hp-muted); }
.hp-search-hit {
  background: #fff;
  border: 1px solid #d5e6c8;
  border-radius: var(--hp-radius);
  box-shadow: var(--hp-shadow);
  padding: .85rem .95rem;
  margin: 0 0 .7rem;
}
.hp-search-hit h2 {
  margin: 0 0 .2rem;
  font-size: 1.08rem;
  line-height: 1.25;
}
.hp-search-hit h2 a {
  color: var(--hp-green-dark);
  text-decoration: none;
}
.hp-search-hit h2 a:hover { text-decoration: underline; }
.hp-search-meta {
  margin: 0 0 .35rem;
  color: var(--hp-muted);
  font-size: .92rem;
}
.hp-search-hit p:last-child { margin: 0; }