@media (max-width: 1020px) {
    .tools-search-header {
        display: block;
    }

    .tool-search {
        width: 100%;
    }

    .story {
        grid-template-columns: 1fr;
    }

    .story .releases-block {
        margin-top: 4px;
    }

    .grid,
    .grid.two,
    .stat-grid,
    .source-browser {
        grid-template-columns: 1fr;
    }

    .source-sidebar {
        max-height: 280px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .source-tree {
        max-height: 220px;
    }
}

@media (max-width: 640px) {
    .hero,
    .page-hero {
        padding: 28px;
        border-radius: 24px;
    }
}