/* Whole-card feedback without changing card dimensions or creating sticky touch hover. */
html{--article-card-hover:#f1f4f8;--article-card-pressed:#e3e9f1;--article-card-focus:#8193ab}
html[data-theme=dark]{--article-card-hover:#1e2938;--article-card-pressed:#29384a;--article-card-focus:#8198b8}
.site_container .page .blog>.post:not(.single){border-radius:6px;transition:background-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}
.site_container .page .blog>.post:not(.single) a{-webkit-tap-highlight-color:transparent}
@media (hover:hover) and (pointer:fine){
 .site_container .page .blog>.post:not(.single):hover{background-color:var(--article-card-hover);box-shadow:0 0 0 7px var(--article-card-hover)}
}
.site_container .page .blog>.post:not(.single):focus-within{background-color:var(--article-card-hover);box-shadow:0 0 0 7px var(--article-card-hover)}
.site_container .page .blog>.post:not(.single):has(a:focus-visible){outline:2px solid var(--article-card-focus);outline-offset:7px}
.site_container .page .blog>.post:not(.single):active{background-color:var(--article-card-pressed);box-shadow:0 0 0 7px var(--article-card-pressed);transition:none}
.site_container .page .blog_grid .post:not(.last_row):active>a img{opacity:.82}
@media (prefers-reduced-motion:reduce){.site_container .page .blog>.post:not(.single){transition:none}}