@media (max-width: 760px) {
    /* The mobile keyword list already fills its card. */
    body.st-site.sta-rankings-page.st-workspace-page #sta-keyword-table .sta-keyword-wrap.st-table-wrap {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
        margin-inline: auto !important;
    }

    /* Anchor the open filter to the search toolbar instead of its icon. */
    body.st-workspace-page #sta-keyword-table .sta-performance-search {
        position: relative;
    }
    body.st-workspace-page #sta-keyword-table .sta-performance-search .sta-project-filter {
        position: static !important;
    }
    body.st-workspace-page #sta-keyword-table .sta-performance-search .sta-project-filter > div {
        inset-inline: 0 !important;
        top: calc(100% + 4px) !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /* Let the legend move below the donut when they no longer fit side by side. */
    .st-workspace .st-ov-chart {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    .st-workspace .st-ov-chart .st-ov-legend {
        flex: 1 1 175px;
        min-width: 0 !important;
        max-width: 100%;
    }
}