/* =========================================================
   BS5 v7 page-specific minimal patch
   Target: B2-APP hover background containment only
   Reason: In the BS5 test page based on v6, the B2-APP anchor hover
           background can visually bleed outside the card column because the
           legacy BS3/BS4 inner .row gutter geometry is preserved. Keep the
           existing DOM, images, links and hover scale, but redraw only the
           hover gray background inside each card column.
   Frozen: BS5 desktop/mobile navbar shell, Bootstrap 5.3.8 local assets,
           B1-HERO, B2 title, B2 8 cards, B3-CTA, footer, text/images/links,
           and the existing image hover scale behavior.
   ========================================================= */
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-xs-12 > .row > a,
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-12 > .row > a {
    position: relative !important;
    overflow: visible !important;
    background-color: transparent !important;
}
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-xs-12 > .row > a:hover,
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-xs-12 > .row > a:focus,
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-12 > .row > a:hover,
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-12 > .row > a:focus {
    background-color: transparent !important;
}
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-xs-12 > .row > a::before,
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-12 > .row > a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 15px !important;
    bottom: 0 !important;
    left: 15px !important;
    display: block !important;
    background-color: #f0f0f0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    transition: opacity .3s ease !important;
}
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-xs-12 > .row > a:hover::before,
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-xs-12 > .row > a:focus::before,
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-12 > .row > a:hover::before,
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-12 > .row > a:focus::before {
    opacity: 1 !important;
}
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-xs-12 > .row > a > figure,
.newStyle .container.max-width-d.highlight.margin-top-0 > .col-12 > .row > a > figure {
    position: relative !important;
    z-index: 1 !important;
}
@media (max-width: 575.98px) {
    .newStyle .container.max-width-d.highlight.margin-top-0 > .col-xs-12 > .row > a::before,
    .newStyle .container.max-width-d.highlight.margin-top-0 > .col-12 > .row > a::before {
        left: 0 !important;
        right: 0 !important;
    }
}