.coverit-search { position: relative; width: 100%; color: var(--coverit-text); }
.coverit-search__form { display: grid; grid-template-columns: 20px minmax(0,1fr) auto; align-items: center; gap: 14px; min-height: 64px; border-bottom: 2px solid var(--coverit-accent); background: transparent; }
.coverit-search__icon { display: flex; width: 20px; height: 20px; color: var(--coverit-accent); }
.coverit-search__input { width: 100%; min-width: 0; height: 40px; padding: 0; color: inherit; font: inherit; font-size: 18px; line-height: 1.35; border: 0; border-radius: 0; background: transparent; appearance: none; }
.coverit-search__input::placeholder { color: var(--coverit-muted); opacity: 1; }
.coverit-search__input::-webkit-search-cancel-button { appearance: none; }
.coverit-search__input:focus-visible { outline: 2px solid var(--coverit-accent); outline-offset: 4px; }
.coverit-search__reset { min-width: 44px; min-height: 44px; border: 0; color: var(--coverit-accent); background: transparent; font: inherit; font-size: 30px; cursor: pointer; }
.coverit-search [hidden] { display: none; }
.coverit-search__results { position: absolute; inset: 100% 0 auto; z-index: 3; max-height: min(65vh,640px); overflow: auto; padding: 20px; border: 1px solid var(--coverit-border); background: var(--coverit-background); }
.coverit-search__group + .coverit-search__group { border-top: 1px solid var(--coverit-border); margin-top: 20px; padding-top: 20px; }
.coverit-search__group-title { margin: 0 0 8px; color: var(--coverit-accent); font-size: 16px; font-weight: 700; font-style: normal; line-height: 1.5; }
.coverit-search__result { display: grid; gap: 4px; padding: 10px; color: inherit; font-size: 16px; line-height: 1.5; text-decoration: none; }
.coverit-search__result:hover, .coverit-search__result:focus-visible, .coverit-search__result[aria-selected="true"] { background: var(--coverit-surface); outline: 2px solid var(--coverit-accent); outline-offset: -2px; }
.coverit-search__result-excerpt { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--coverit-muted); font-size: 14px; }
.coverit-search__status:not(.visually-hidden) { padding: 12px; color: var(--coverit-text); background: var(--coverit-surface); }
.site-header .coverit-search__status:not(.visually-hidden) { position:absolute; inset:100% 0 auto; z-index:3; margin:0; max-height:min(65vh,640px); overflow:auto; }
.coverit-search .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

@media (max-width: 1024px) {
    .coverit-search__form { gap: 12px; min-height: 60px; }
    .coverit-search__input { font-size: 17px; }
}
@media (max-width: 767px) {
    .coverit-search__form { grid-template-columns: 18px minmax(0,1fr) auto; gap: 10px; min-height: 56px; }
    .coverit-search__icon { width: 18px; height: 18px; }
    .coverit-search__input { font-size: 16px; }
}

.error-searchbar { max-width:var(--coverit-width); margin-inline:auto; padding:24px var(--coverit-gutter) 0; }