:root {
    color: #172033;
    background: #f3f6fb;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

body { margin: 0; }

.wext-static-search {
    width: min(820px, calc(100% - 32px));
    margin: 56px auto;
    padding: 34px;
    border: 1px solid #dce4ef;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}

.wext-static-search__back {
    color: #4f63e7;
    font-weight: 650;
    text-decoration: none;
}

h1 { margin: 22px 0; font-size: clamp(28px, 5vw, 42px); }

label { display: block; margin-bottom: 8px; font-weight: 700; }

.wext-static-search__input { display: flex; gap: 10px; }

input {
    min-width: 0;
    min-height: 50px;
    flex: 1;
    padding: 0 16px;
    border: 1px solid #b7c2d0;
    border-radius: 10px;
    font: inherit;
}

button {
    padding: 0 24px;
    border: 0;
    border-radius: 10px;
    background: #4f63e7;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

#wext-static-search-status { min-height: 24px; color: #64748b; }

#wext-static-search-results article { padding: 20px 0; border-top: 1px solid #e7edf4; }
#wext-static-search-results h2 { margin: 0 0 8px; font-size: 20px; }
#wext-static-search-results h2 a { color: #263aaf; text-decoration: none; }
#wext-static-search-results p { margin: 0 0 9px; color: #46546a; line-height: 1.6; }
#wext-static-search-results span { color: #708099; font-size: 13px; }

@media (max-width: 560px) {
    .wext-static-search { margin: 20px auto; padding: 22px; border-radius: 14px; }
    .wext-static-search__input { flex-direction: column; }
    button { min-height: 46px; }
}