.search-page { padding-top: .5em; }
.search-page h3 { margin: .5em 0 .25em; }
.search-form { display: flex; gap: 6px; margin: .5em 0 1em; }
.search-form input[type="search"] {
  flex: 1; min-width: 0; height: 44px; padding: 0 10px;
  font-size: 1.2em; border: 1px solid #bbb; border-radius: 4px;
}
.search-form button { height: 44px; padding: 0 14px; font-size: 1.2em; }
.search-count, .search-help { color: #555; margin-bottom: .75em; }
.search-result { padding: .8em 0; border-top: 1px solid #ddd; }
.search-result h4 { margin: 0 0 .3em; font-size: 24px; line-height: 1.15; }
.search-byline { font-size: .85em; color: #666; margin: 0 0 .35em; }
.search-snippet { margin: 0; font-size: .95em; }
.search-snippet em { font-style: normal; font-weight: bold; background: #fff3b0; }
@media (max-width: 767px) {
  .search-page h3 { font-size: 30px; }
  .search-result h4 { font-size: 22px; }
}
.search-kind { text-transform: uppercase; letter-spacing: .04em; font-size: .9em; color: #068068; }