/* Visitor search: source hero/quick links, result column and three side cards in the shared owned frame. */
.mw-search { padding-block: var(--_spacing---section-space--small); }
.mw-search__hero { text-align: center; padding-bottom: 2rem; }
.mw-search__hero h1 { margin-inline: auto; }
.mw-search__hero p { margin-inline: auto; }
.mw-search .hero_links_list { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.25rem; list-style: none; padding: 0; margin-block: 1rem 0; }
.mw-search .mw-s__search { max-width: 52rem; margin: 0 auto 2rem; }
.mw-search__layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(16rem, 1fr); gap: 3rem; align-items: start; }
.mw-search__layout > * { min-width: 0; }
.mw-search__results { list-style: none; margin: 0; padding: 0; }
.mw-search__result { display: flex; gap: 1.5rem; padding-block: 1.5rem; border-block-end: var(--border-width--main) solid var(--_theme---border); text-decoration: none; color: inherit; }
.mw-search__result:first-child { border-block-start: var(--border-width--main) solid var(--_theme---border); }
.mw-search .search_image_wrap { width: 10rem; flex: 0 0 10rem; }
.mw-search .search_image_wrap img { display: block; width: 100%; height: auto; border-radius: var(--radius--small); }
.mw-search__result h2 { font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.3; text-wrap: wrap; }
.mw-search__result p { margin-top: .75rem; }
.mw-search__promotion { padding: 1.5rem; margin-bottom: 1.25rem; border-radius: var(--radius--small); background: var(--_theme---background); color: var(--_theme---text); }
.mw-search__promotion.mw-s--secondary { background: var(--_theme---background-secondary); }
.mw-search__promotion h2 { font-size: 1.5rem; }
.mw-search__unavailable-action { display: inline-block; margin-top: 1rem; }
.mw-search input:focus-visible, .mw-search button:focus-visible { outline: 3px solid var(--swatch--accent); outline-offset: 4px; }
@media (max-width: 991px) { .mw-search__layout { grid-template-columns: minmax(0,1fr); gap: 2rem; } }
@media (max-width: 639px) { .mw-search__result { gap: 1rem; } .mw-search .search_image_wrap { width: 6rem; flex-basis: 6rem; } }
