/* A native link covers single-action cards, including image and padding.
   Cards with multiple links in their action lists keep normal link hit areas. */
:is(.brand-card, .maker, .model-card, .use-card, .object-card, .article-card, .blog-card, .feature-article) {
    position: relative;
    isolation: isolate;
}
:is(.brand-card, .model-card, .use-card, .object-card) .link-arrow::after,
.maker > .btn::after,
:is(.article-card, .blog-card, .feature-article) :is(h2, h3) a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
}
:is(.article-card__cta, .feature-article__actions) a {
    position: relative;
    z-index: 2;
}
:is(.brand-card, .maker, .model-card, .use-card, .object-card, .article-card, .blog-card, .feature-article):has(a ~ a) :is(.link-arrow, .btn, h2 a, h3 a)::after {
    content: none;
}
:is(.brand-card, .maker, .model-card, .use-card, .object-card, .article-card, .blog-card, .feature-article):not(:has(a ~ a)):has(a:focus-visible) {
    outline: 2px solid var(--accent-text);
    outline-offset: 4px;
}