:root {
    --ui-focus-ring: 0 0 0 0.2rem rgba(21, 167, 255, 0.25);
}

:where(a, button, input, select, textarea, .btn, .nav-link, .dropdown-item):focus-visible {
    outline: 2px solid #15a7ff;
    outline-offset: 2px;
}

.form-control:focus-visible,
.form-select:focus-visible,
.btn:focus-visible {
    box-shadow: var(--ui-focus-ring) !important;
}

/* improve readability on small screens */
@media (max-width: 767px) {
    .event-desc {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: auto;
    }
}