/* bobnoblog v2.2.1 | unified hover and focus, no image zoom.
 * Only the OUTER card surface moves: image and text remain locked together.
 * Does not alter post data, link URLs, ads, or the companion plugin.
 */
:where(
  .homepage .latest-card,
  .homepage .gadget-card,
  .homepage .study-feature,
  .homepage .study-link,
  .bnb-archive-page .bnb-archive-card,
  .bnb-highlight-card,
  .bnb-article-page .bnb-article-related__card a,
  .bnb-article-page .bnc-linkcard,
  .bnb-article-page .blogcard-wrap,
  .bnb-article-page .wp-block-embed.is-provider-wordpress
) {
  transition: transform .24s cubic-bezier(.2,.75,.3,1), box-shadow .24s ease, border-color .24s ease;
  will-change: auto;
}
/* Images and inner text never transform independently. */
.homepage .home-lower--stacked .latest-card .latest-card__visual img,
.homepage .gadget-card .gadget-card__image,
.bnb-archive-page .bnb-archive-card .bnb-archive-card__image,
.bnb-article-page .bnb-article-related__card .bnb-article-related__image,
.bnb-article-page .bnc-linkcard .bnc-linkcard__image,
.bnb-article-page .blogcard-wrap .blogcard-thumbnail img {
  transform: none !important;
  transition: none !important;
}
.homepage .home-lower--stacked .latest-card:hover .latest-card__visual img,
.homepage a.gadget-card:hover .gadget-card__image,
.bnb-archive-page .bnb-archive-card:hover .bnb-archive-card__image,
.bnb-article-page .bnb-article-related__card:hover .bnb-article-related__image,
.bnb-article-page .bnc-linkcard:hover .bnc-linkcard__image,
.bnb-article-page .blogcard-wrap:hover .blogcard-thumbnail img {
  transform: none !important;
}
/* On a pointing device hover the entire interactive box together. */
@media (hover: hover) and (pointer: fine) {
  .homepage .home-lower--stacked .latest-card:hover,
  .homepage a.gadget-card:hover,
  .homepage a.study-feature:hover,
  .homepage a.study-link:hover,
  .bnb-archive-page .bnb-archive-card:hover,
  .bnb-highlight-card:hover,
  .bnb-article-page .bnb-article-related__card a:hover {
    transform: translate3d(0, -4px, 0);
    border-color: #68b9f3;
    box-shadow: 0 0 0 1px rgba(76,174,255,.28), 0 0 22px rgba(42,150,247,.20), 0 15px 28px rgba(0,17,38,.21);
  }
  .bnb-article-page .bnb-article-reading .bnb-article-content a.bnc-linkcard:hover,
  .bnb-article-page .bnb-article-reading .bnb-article-content a.blogcard-wrap:hover {
    transform: translate3d(0, -4px, 0);
    border-color: #5fa9de !important;
    box-shadow: 0 0 0 1px rgba(80,167,236,.18), 0 0 22px rgba(41,144,227,.17), 0 15px 30px rgba(12,56,93,.15);
  }
  .bnb-article-page .bnb-article-content .wp-block-embed.is-provider-wordpress:hover {
    transform: translate3d(0, -4px, 0);
    border-color: #67b5ef;
    box-shadow: 0 0 0 1px rgba(80,167,236,.18), 0 0 22px rgba(41,144,227,.14), 0 15px 30px rgba(12,56,93,.13);
  }
}
/* Keyboard navigators see the same whole-card focus indication. */
.homepage :where(.latest-card, .gadget-card, .study-feature, .study-link):focus-within,
.bnb-archive-page .bnb-archive-card:focus-within,
.bnb-article-page .bnb-article-content :where(.bnc-linkcard, .blogcard-wrap, .wp-block-embed.is-provider-wordpress):focus-within {
  outline: 2px solid #4ba9f5;
  outline-offset: 3px;
}
/* On narrower screens, tappable card doesn't jump. */
@media (hover: none), (prefers-reduced-motion: reduce) {
  .homepage :where(.latest-card, .gadget-card, .study-feature, .study-link),
  .bnb-archive-page .bnb-archive-card,
  .bnb-highlight-card,
  .bnb-article-page :where(.bnc-linkcard, .blogcard-wrap, .bnb-article-related__card a, .wp-block-embed.is-provider-wordpress) {
    transition: none !important;
    transform: none !important;
  }
}


/* v2.2.5: no elevation, zoom, or sliding of any interactive card.
   The thicker stable border changes color and glows in place. */
.homepage .home-lower--stacked .latest-card,
.homepage .gadget-card,
.homepage .study-feature,
.homepage .study-link,
.homepage .bnb-highlight-card,
.bnb-archive-page .bnb-archive-card,
.bnb-article-page .bnb-article-related__card a,
.bnb-article-page .bnb-article-content a.bnc-linkcard,
.bnb-article-page .bnb-article-content a.blogcard-wrap,
.bnb-article-page .bnb-article-content .wp-block-embed.is-provider-wordpress {
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  transition-property: border-color, box-shadow !important;
  transition-duration: .22s !important;
  transform: none !important;
}
.homepage .home-lower--stacked .latest-card { border-color: #426984; }
.homepage .gadget-card,
.homepage .study-feature,
.homepage .study-link,
.homepage .bnb-highlight-card,
.bnb-archive-page .bnb-archive-card,
.bnb-article-page .bnb-article-related__card a { border-color: #365d7b; }
.bnb-article-page .bnb-article-content a.bnc-linkcard,
.bnb-article-page .bnb-article-content a.blogcard-wrap,
.bnb-article-page .bnb-article-content .wp-block-embed.is-provider-wordpress { border-color: #9bc3db; }
@media (hover:hover) and (pointer:fine) {
  .homepage .home-lower--stacked .latest-card:hover,
  .homepage a.gadget-card:hover,
  .homepage a.study-feature:hover,
  .homepage a.study-link:hover,
  .homepage .bnb-highlight-card:hover,
  .bnb-archive-page .bnb-archive-card:hover,
  .bnb-article-page .bnb-article-related__card a:hover,
  .bnb-article-page .bnb-article-content a.bnc-linkcard:hover,
  .bnb-article-page .bnb-article-content a.blogcard-wrap:hover,
  .bnb-article-page .bnb-article-content .wp-block-embed.is-provider-wordpress:hover {
    transform: none !important;
    border-color: #69beff !important;
    box-shadow: 0 0 0 1px rgba(87,180,255,.42), 0 0 18px rgba(46,154,250,.35), 0 0 32px rgba(37,127,233,.13) !important;
  }
}
.homepage .home-lower--stacked .latest-card:focus-within,
.homepage .gadget-card:focus-within,
.homepage .study-feature:focus-visible,
.homepage .study-link:focus-visible,
.homepage .bnb-highlight-card:focus-within,
.bnb-archive-page .bnb-archive-card:focus-within,
.bnb-article-page .bnb-article-related__card a:focus-visible,
.bnb-article-page .bnb-article-content a.bnc-linkcard:focus-visible,
.bnb-article-page .bnb-article-content a.blogcard-wrap:focus-visible {
  transform: none !important;
  border-color: #83cfff !important;
  box-shadow: 0 0 0 2px rgba(70,168,249,.36), 0 0 18px rgba(36,147,237,.26) !important;
}
.homepage .home-lower--stacked .latest-card__arrow { display:none !important; }
.homepage .home-lower--stacked .latest-card__visual img,
.homepage .gadget-card__visual img,
.homepage .study-feature img,
.homepage .bnb-highlight-card img,
.bnb-archive-page .bnb-archive-card img,
.bnb-article-page .bnb-article-related__card img,
.bnb-article-page .bnc-linkcard img,
.bnb-article-page .blogcard-wrap img { transform: none !important; transition: none !important; }
.homepage .bnb-discovery__links a:hover { transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  .homepage :where(.latest-card,.gadget-card,.study-feature,.study-link,.bnb-highlight-card),
  .bnb-archive-page .bnb-archive-card,
  .bnb-article-page :where(.bnc-linkcard,.blogcard-wrap,.wp-block-embed.is-provider-wordpress) {
    transition: none !important;
  }
}