.search-results {
    --bs-sr-color-type: initial;
    --bs-sr-bg-type: initial;
    --bs-sr-color-state: initial;
    --bs-sr-bg-state: initial;
    --bs-sr-color: var(--bs-emphasis-color);
    --bs-sr-bg: var(--bs-body-bg);
    --bs-sr-border-color: var(--bs-border-color);
    --bs-sr-accent-bg: transparent;
    --bs-sr-striped-color: var(--bs-emphasis-color);
    --bs-sr-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-sr-active-color: var(--bs-emphasis-color);
    --bs-sr-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-sr-hover-color: var(--bs-emphasis-color);
    --bs-sr-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
}

.search-result {
    display: grid;
    grid-template: 1fr 1fr / 1.5em 0.5fr 0.5fr;
    gap: 4px;

    border-bottom-color: var(--bs-sr-border-color);
    border-bottom-width: 1px;

    color: var(--bs-sr-color-state, var(--bs-sr-color-type, var(--bs-sr-color)));
    background-color: var(--bs-sr-bg);
    box-shadow: inset 0 0 0 9999px var(--bs-sr-bg-state, var(--bs-sr-bg-type, var(--bs-sr-accent-bg)));

}

a.search-result:hover {
    color: var(--bs-sr-color-state, var(--bs-sr-color-type, var(--bs-sr-color)));
    text-decoration: none;
}

.search-result:nth-child(even) {
    --bs-sr-color-type: var(--bs-sr-striped-color);
    --bs-sr-bg-type: var(--bs-sr-striped-bg);
}

.sr-icon {
    grid-row: span 2;
    justify-self: center;
}

.sr-email {
    grid-column: 2 /span 2;
    grid-row: 2 / 2;
}

.sr-phone {
    text-wrap: nowrap;
}