.c-search {
  max-width: 52em;
  margin: 0.5em auto;
  padding: 0 1em;
}
@media (min-width: 40em) {
  .c-search {
    margin: 2em auto;
    padding: 0 4em;
  }
}
.c-search__input {
  width: 100%;
  padding: 0.5em 1em;
  margin-bottom: 0.5em;
  box-sizing: border-box;
}
.c-search__results {
  display: grid;
  row-gap: 0.5em;
}
.c-search__result {
  padding: 0.5em;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  transition: box-shadow linear 100ms;
  text-decoration: none;
  color: var(--c-text);
}
.c-search__result:focus-within, .c-search__result:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.c-search__header {
  display: flex;
}
.c-search__title {
  font-size: 1.3em;
  margin: 0;
}
.c-search__date {
  margin-left: auto;
}
.c-search__excerpt mark {
  background-color: unset;
  font-weight: 800;
  text-decoration: underline;
  color: var(--c-primary-d);
}