.focusable:focus {
    outline: none;
}

.focusable:focus-visible,
.search-input:focus-visible,
.field__input:focus-visible,
.btn:focus-visible,
.list-item:focus-visible,
.event-card:focus-visible,
.topnav__link:focus-visible,
.brand:focus-visible,
.tv-card:focus-visible {
    outline: 2px solid rgba(50, 213, 131, 0.7);
    outline-offset: 2px;
}

.list-item.is-focused,
.event-card.is-focused,
.tv-card.is-focused,
.btn.is-focused {
    outline: 2px solid rgba(50, 213, 131, 0.7);
    outline-offset: 2px;
}

@media (pointer: coarse), (hover: none) {
    .list-item,
    .event-card,
    .tv-card,
    .btn,
    .topnav__link {
        min-height: 44px;
    }
}