.supersprint-system-search-results-container { padding: 100px var(--global-padding-inline); background: var(--octonary-color); }
.supersprint-system-search-results-title { margin: 0 0 50px; padding: 0; color: var(--text-color); font-size: 50px; line-height: 75px; font-family: 'Fjalla One'; text-align: center; }
.supersprint-system-search-results-search { display: block; margin-bottom: 50px; padding: 20px 25px; width: 100%; font-size: 20px; background: none; border: none; border-bottom: 1px solid #000; }
.supersprint-system-search-results-wrapper { display: flex; flex-wrap: wrap; }
.supersprint-system-search-result { display: block; padding: 25px; font-size: 22px; line-height: 25px; font-weight: 600; letter-spacing: .75px; }
.supersprint-system-search-result.hidden { display: none; }
.supersprint-system-search-results-abstract { margin-top: 100px; font-size: 22px; line-height: 35px; font-weight: 300; }
.supersprint-system-search-results-abstract b,
.supersprint-system-search-results-abstract strong { font-weight: 400; }
.supersprint-system-search-results-abstract h3 { font-weight: 600; }
.supersprint-system-search-results-abstract a { font-weight: 500; transition: .3s ease-in-out; }
.supersprint-system-search-results-abstract h2 { margin-bottom: 20px; }
.supersprint-system-search-results-abstract h3 { margin-bottom: 10px; }
.supersprint-system-search-results-abstract ol,
.supersprint-system-search-results-abstract ul { margin-left: 30px; }
.supersprint-system-search-results-abstract ol > li,
.supersprint-system-search-results-abstract ul > li { list-style-type: revert; padding-left: 5px; }
.supersprint-system-search-results-abstract div:last-child { margin-top: 20px; }

@media (min-width: 1281px) {
    .supersprint-system-search-result { width: 33.3333%; }
    .supersprint-system-search-result:nth-child(6n - 5 of :not(.hidden)),
    .supersprint-system-search-result:nth-child(6n - 4 of :not(.hidden)),
    .supersprint-system-search-result:nth-child(6n - 3 of :not(.hidden)) { background: #FFF; box-shadow: 2.5px 0 5px 0 rgba(0, 0, 0, .125); }
}

@media (min-width: 769px) and (max-width: 1280px) {
    .supersprint-system-search-result { width: 50%; }
    .supersprint-system-search-result:nth-child(4n - 3 of :not(.hidden)),
    .supersprint-system-search-result:nth-child(4n - 2 of :not(.hidden)) { background: #FFF; box-shadow: 2.5px 0 5px 0 rgba(0, 0, 0, .125); }
}

@media (max-width: 768px) {
    .supersprint-system-search-result { width: 100%; }
    .supersprint-system-search-result:nth-child(odd of :not(.hidden)) { background: #FFF; box-shadow: 2.5px 0 5px 0 rgba(0, 0, 0, .125); }
}

@media (max-width: 1280px) {
    .supersprint-system-search-results-abstract { font-size: 1.3rem; line-height: 2rem; }
}

@media (max-width: 480px) {
    .supersprint-system-search-results-title { margin-bottom: 35px; font-size: 35px; line-height: 45px; }
    .supersprint-system-search-result { font-size: 18px; }
    .supersprint-system-search-results-abstract h2 { text-align: center; }
}

@media (pointer: fine) {
    .supersprint-system-search-result:not(.hidden):hover { color: #FFF; background: var(--secondary-color); }
    .supersprint-system-search-results-abstract a:hover { color: var(--secondary-color); }
}