.site-search-section { max-width: 1040px; }
.site-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  padding: clamp(22px, 4vw, 38px);
  border-radius: 12px;
  background: #f8f7f4;
}
.site-search-form label { grid-column: 1 / -1; color: #35183f; font-weight: 700; }
.site-search-form input {
  min-width: 0;
  min-height: 52px;
  padding: 12px 16px;
  border: 1px solid rgba(53,24,63,.25);
  border-radius: 12px;
  background: #fff;
  color: #35183f;
}
.site-search-form input:focus { outline: 2px solid #526873; outline-offset: 2px; }
.site-search-status { margin: 28px 0 16px; color: #625962; }
.site-search-results { display: grid; gap: 1px; background: rgba(53,24,63,.15); }
.site-search-result { background: #f8f7f4; }
.site-search-result a { min-height: 142px; padding: 26px; display: grid; align-content: center; }
.site-search-result a:hover,
.site-search-result a:focus-visible { background: #dfe8eb; outline: 0; }
.site-search-result span { color: #526873; font-size: 11px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.site-search-result h2 { margin: 5px 0 8px; color: #35183f; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.02em; }
.site-search-result p { max-width: 66ch; margin: 0; color: #625962; }
.site-search-empty { padding: 28px; background: #f8f7f4; color: #625962; }
@media (max-width: 560px) {
  .site-search-form { grid-template-columns: 1fr; }
  .site-search-form .button { width: 100%; }
}