/* Keep content stationary; hover is a color/shadow cue, not a layout change. */
:is(.static-card, .post-card, .workflow-card, .compare-link-card,
    .compare-verdict-copy, .compare-best-for-panel, .faq-item,
    .button, .store-btn, .article-answer-strip-jump, .blog-pagination-link,
    .footer-project-link, .footer-socials a, .team-profile-link,
    .about-store-button, .about-contact-link, .sticky-download-store-link,
    .sticky-download-cta-primary,
    .theme-toggle):is(:hover, :focus-visible, :focus-within) {
    transform: none !important;
}

@layer interaction-accessibility, interaction-hover;

/* A real pointer-intent delay, including image and underline effects. */
@layer interaction-hover {
@media (hover: hover) and (pointer: fine) {
    :is(a, button, summary, .control-input, .static-card, .post-card,
        .workflow-card, .faq-item, .compare-verdict-copy, .compare-best-for-panel,
        .compare-link-card, .compare-table tbody tr, .sticky-download-cta-card):hover,
    a:hover::after,
    .post-card:hover .post-card-cta::after,
    .feature-example-card:hover img,
    .section-image-container:hover img,
    .about-founder-card:hover .about-founder-photo,
    .about-value-item:hover .about-value-icon,
    .language-dropdown-trigger:hover img,
    .footer-project-link:hover .footer-project-arrow,
    .about-store-button:hover .about-store-arrow {
        transition-property: color, background-color, border-color, box-shadow,
            opacity, filter, transform, text-decoration-color,
            outline-color, outline-width, outline-offset !important;
        transition-duration: 200ms !important;
        transition-delay: 350ms !important;
    }
}
}

/* Never delay activation, open menus or keyboard feedback. */
@layer interaction-accessibility {
:is(:focus-visible, :active, [aria-expanded="true"]),
:is(:focus-visible, :active, [aria-expanded="true"]) *,
:is(:focus-visible, :active)::after,
.post-card:has(:focus-visible) .post-card-cta::after,
:is(.static-card, .post-card, .workflow-card, .compare-link-card):has(:focus-visible) {
    transition-delay: 0s !important;
}

summary:focus-visible {
    outline: 2px solid var(--accent-strong);
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}
}