/* Search + word page V2 owner. */

body.search-page {
    --sidebar-max-height: calc(100vh - var(--sidebar-sticky-top) - 24px);
    --search-selector-width: 116px;
    --search-language-font-size: var(--type-control-size);
}

body.search-page .page-dock {
    padding: 0 var(--section-padding) calc(var(--section-gap) * 1.2);
}

body.search-page [data-results-root] {
    display: grid;
    gap: var(--page-dock-main-gap);
    min-width: 0;
}

body.search-page [data-results-root] > .content-container {
    margin: 0;
    width: 100%;
    max-width: 100%;
}

body.search-page [data-search-results-list] {
    --list-shell-gap: var(--control-gap-loose);
}

body.search-page [data-search-results-list] [data-list-empty] {
    grid-column: 1 / -1;
}

body.search-page .search-results-list--cards {
    --list-shell-gap: var(--control-gap-loose);
    align-items: stretch;
}

body.search-page .search-results-list--cards > li {
    display: flex;
    min-width: 0;
}

body.search-page .search-results-list--cards > li > .search-result-link--card {
    flex: 1 1 auto;
    height: 100%;
}

body.search-page .search-result-link--card {
    --item-card-gap: var(--space-4);
    --item-card-padding: clamp(14px, 1.6vw, 18px);
    --result-card-main-gap: 0;
    --result-card-body-gap: clamp(8px, 1vw, 10px);
    display: flex;
    align-items: flex-start;
    min-height: 100%;
}

body.search-page .result-card--search .result-card__media {
    aspect-ratio: 1 / 1;
    inline-size: var(--result-card-media-size-inline);
    block-size: var(--result-card-media-size-inline);
}

body.search-page .result-card--search .result-card__main,
body.search-page .result-card--search .result-card__body {
    min-width: 0;
}

body.search-page .content-container > .content-body {
    gap: var(--inner-gap);
}


body.search-page [data-search-state="landing"] .content-body {
    gap: var(--control-gap-loose);
}

body.search-page [data-search-state="no-matches"] .content-body {
    gap: var(--control-gap-base);
}

body.search-page .search-landing,
body.search-page .search-no-match {
    display: grid;
    gap: var(--inner-gap);
    min-width: 0;
}

body.search-page .search-no-match {
    gap: var(--control-gap-base);
}

body.search-page .search-landing__mode,
body.search-page .search-no-match__intro,
body.search-page .search-no-match__explore {
    display: grid;
    gap: var(--control-gap-loose);
    min-width: 0;
}

body.search-page .search-no-match__intro,
body.search-page .search-no-match__explore {
    gap: var(--control-gap-tight);
}

body.search-page .search-landing__quick-start {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--control-gap-loose);
    min-width: 0;
}

body.search-page .search-landing__returning-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--control-gap-loose);
    align-items: stretch;
    min-width: 0;
}

body.search-page .search-landing__quick-start .item-card h3,
body.search-page .search-landing__resume .text-title {
    margin: 0;
}

body.search-page .search-landing__quick-start .item-card :is(.text-meta, .text-summary),
body.search-page .search-landing__presets .text-summary {
    margin: 0;
}

body.search-page .search-landing__returning-columns > .item-card {
    height: 100%;
}

body.search-page .search-landing__history {
    gap: var(--control-gap-tight);
}

body.search-page .search-landing__actions,
body.search-page .search-landing__preset-actions,
body.search-page .search-no-match__actions {
    flex-wrap: wrap;
}

body.search-page .search-no-match__actions {
    margin-top: calc(var(--control-gap-2xs) * -1);
}

body.search-page .search-landing__resume,
body.search-page .search-landing__continue,
body.search-page .search-landing__presets,
body.search-page .search-landing__history,
body.search-page [data-search-state="landing"] .item-card,
body.search-page [data-search-state="no-matches"] .item-card {
    min-width: 0;
}

body.search-page .search-landing__continue[data-search-landing-continue-state="empty"] .search-landing__resume {
    display: none;
}

body.search-page .search-landing__history-list {
    --list-shell-gap: var(--control-gap-tight);
}

body.search-page .search-landing__history-link {
    display: grid;
    gap: 4px;
    text-decoration: none;
    color: var(--text-primary);
}

body.search-page .search-landing__history-title {
    font-weight: var(--hierarchy-title-weight, 600);
}

body.search-page .search-landing__history-meta {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    line-height: 1.45;
}

body.search-page .search-no-match__quick-links {
    --list-shell-gap: var(--control-gap-base);
}

body.search-page [data-search-scope="dictionary"],
body.search-page [data-search-scope="dictionary"] [data-search-dropdown="dictionary"] {
    box-shadow: none;
}

body.search-page [data-search-scope="dictionary"] > [data-search-select] {
    width: var(--search-selector-width);
    min-width: var(--search-selector-width);
    max-width: var(--search-selector-width);
    height: var(--search-action-size);
    min-height: var(--search-action-size);
    border-radius: var(--control-radius);
    font-size: var(--search-language-font-size);
}

body.search-page [data-sidebar-combobox-tags] {
    margin-top: var(--control-gap-2xs);
}

body.search-page .sidebar-checkbox-row {
    width: 100%;
}

body.search-page [data-search-active-filters] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--control-gap-base);
}

@media (max-width: 900px) {
    body.search-page .page-dock {
        padding-inline: var(--control-padding-x-wide);
    }

    body.search-page .search-landing__quick-start {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.search-page .search-landing__returning-columns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    body.search-page {
        --search-selector-width: 84px;
        --search-language-font-size: var(--font-size-sm);
    }

    body.search-page .page-dock {
        padding-inline: var(--control-padding-x-wide);
    }

    body.search-page .language-label-full {
        display: none;
    }

    body.search-page .language-label-short {
        display: inline;
    }

    body.search-page #search-results li + li {
        margin-top: 0;
    }

    body.search-page #search-results li a,
    body.search-page #search-results li .search-suggestion__link {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    body.search-page .search-suggestion__side {
        align-self: stretch;
        justify-content: flex-start;
        flex-wrap: wrap;
        overflow-wrap: anywhere;
    }

    body.search-page .search-suggestion__meta {
        overflow-wrap: anywhere;
    }

    body.search-page .search-suggestion__lang,
    body.search-page .search-suggestion__badge {
        max-width: 100%;
        white-space: normal;
        word-break: break-word;
        line-height: 1.2;
    }

    body.search-page #search-results li.search-state {
        flex-direction: column;
        align-items: flex-start;
    }

    body.search-page [data-search-results-list].list-shell--columns-2 {
        grid-template-columns: 1fr;
    }

    body.search-page .search-landing__quick-start {
        grid-template-columns: 1fr;
    }

    body.search-page .result-card--search .result-card__media {
        inline-size: var(--result-card-media-size-inline);
        block-size: var(--result-card-media-size-inline);
    }
}

@media (max-width: 420px) {
    body.search-page {
        --search-selector-width: 80px;
        --search-input-font-size: var(--type-body-lg-size);
        --search-language-font-size: var(--font-size-xs);
    }
}