.box.is-clickable:hover {
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.15), 0 0px 0 1px rgba(10, 10, 10, 0.02);
    transform: translateY(-2px);
}

.faq-item .box {
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
}

.faq-item .box:hover {
    border-left-color: #3273dc;
}

/* Mobile improvements */
@media screen and (max-width: 768px) {
    .faq-item .box {
        padding: 1rem;
    }
    .breadcrumb {
        font-size: 0.875rem;
    }
    .breadcrumb li + li::before {
        padding: 0 0.25em;
    }
}

/* Smooth scrolling for anchor links */
html {
    scroll-behavior: smooth;
}

/* Better focus states for accessibility */
.box.is-clickable:focus,
.button:focus,
.select select:focus,
.input:focus {
    outline: 2px solid #3273dc;
    outline-offset: 2px;
}

/* Category cards equal height */
.columns.is-multiline {
    align-items: stretch;
}