.site-search { max-width: min(690px, calc(100% - 20px)); max-height: calc(100% - 20px); border: 0; padding: 30px; background: var(--color-canvas); color: var(--color-dark); }
.site-search::backdrop { background: #352a23b3; }
.site-search__panel { display: grid; gap: 20px; }
.site-search__close { justify-self: end; width: 44px; height: 44px; border: 0; background: transparent; font-size: 36px; }
.site-search__title { font-family: var(--font-display); font-weight: 500; font-size: 36px; }
.site-search__form { display: grid; gap: 10px; }
.site-search__field { width: 100%; padding: 12px; background: transparent; border: 1px solid var(--color-secondary); }
.site-search__results { display: grid; gap: 10px; }
.site-search__item { padding-block: 12px; border-bottom: 1px solid var(--color-muted-dark); }

.site-search__item[hidden] { display: none; }