/* --- Alternatives Hub Styles --- */
.guide-card {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.25s ease, border-color 0.25s ease !important;
}
.guide-card:hover {
    transform: translateY(-4px);
    background-color: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.4);
}
html.theme-light .guide-card {
    background-color: var(--card-surface) !important;
    border-color: var(--card-border) !important;
}
html.theme-light .guide-card:hover {
    background-color: var(--card) !important;
    border-color: oklch(0.52 0.12 150 / 0.35) !important;
}
.guide-card .btn-primary {
    transition: background-color 0.2s ease, transform 0.1s ease;
}
.guide-card .btn-primary:active {
    transform: scale(0.97);
}
@media (max-width: 640px) {
    .guides-grid {
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
    }
}