/* One authoritative border model. Four desktop columns (two on narrow screens),
   internal borders only in inner mode, never an outer bottom stroke. */
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid{
 border:0!important;border-bottom:0!important;overflow:visible!important;
 grid-auto-rows:var(--bc-watch-row-height,84px)!important;
}
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a{
 background-color:transparent!important;
}
/* Give the original sizing controls a real bounded image, even before JS runs. */
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a img.bc-platform-logo{
 display:block!important;width:auto!important;height:auto!important;
 max-width:min(80%,190px)!important;max-height:42px!important;
 object-fit:contain!important;flex:0 0 auto!important;
 transform:translateY(var(--bc-logo-shift-y,0px))!important;
 transition:filter .2s ease,opacity .2s ease!important;
}
/* The fit script sets exact pixel dimensions with inline important declarations.
   Only these two dimensions are changed by the sizing mode. */
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a:hover,
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a:focus-visible{
 background-color:var(--bc-hover-bg,rgba(226,232,230,.06))!important;
}
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid[data-hover-fill="0"]>a:hover,
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid[data-hover-fill="0"]>a:focus-visible{background-color:transparent!important}
/* Do not treat the idle/unselected tone as the default state. It is only
   applied when another cell is hovered/focused. */
body .layout-under .bc-watch-stable .bc-stable-four-grid[data-idle-tone="gray"]:has(>a:is(:hover,:focus-visible))>a:not(:hover):not(:focus-visible) img.bc-platform-logo{filter:grayscale(1) brightness(0) invert(.62)!important;opacity:1!important}
body .layout-under .bc-watch-stable .bc-stable-four-grid[data-idle-tone="offwhite"]:has(>a:is(:hover,:focus-visible))>a:not(:hover):not(:focus-visible) img.bc-platform-logo{filter:grayscale(1) brightness(0) invert(.84)!important;opacity:1!important}
body .layout-under .bc-watch-stable .bc-stable-four-grid[data-idle-tone="white"]:has(>a:is(:hover,:focus-visible))>a:not(:hover):not(:focus-visible) img.bc-platform-logo{filter:grayscale(1) brightness(0) invert(1)!important;opacity:1!important}
body .layout-under .bc-watch-stable .bc-stable-four-grid[data-idle-tone="black"]:has(>a:is(:hover,:focus-visible))>a:not(:hover):not(:focus-visible) img.bc-platform-logo{filter:grayscale(1) brightness(0)!important;opacity:1!important}
body .layout-under .bc-watch-stable .bc-stable-four-grid[data-idle-tone="offblack"]:has(>a:is(:hover,:focus-visible))>a:not(:hover):not(:focus-visible) img.bc-platform-logo{filter:grayscale(1) brightness(0) invert(.20)!important;opacity:1!important}
body .layout-under .bc-watch-stable .bc-stable-four-grid[data-idle-tone="original"]:has(>a:is(:hover,:focus-visible))>a:not(:hover):not(:focus-visible) img.bc-platform-logo{filter:none!important;opacity:1!important}
body .layout-under .bc-watch-stable .bc-stable-four-grid[data-idle-tone="muted-original"]:has(>a:is(:hover,:focus-visible))>a:not(:hover):not(:focus-visible) img.bc-platform-logo{filter:brightness(.5) saturate(.65)!important;opacity:1!important}
/* Hover tone must beat older palette and generic hover rules, including dark
   and light palette overrides. The user-selected mode drives data-hover-tone. */
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a[data-hover-tone="original"]:is(:hover,:focus-visible) img.bc-platform-logo{filter:none!important;opacity:1!important}
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a[data-hover-tone="white"]:is(:hover,:focus-visible) img.bc-platform-logo{filter:grayscale(1) brightness(0) invert(1)!important;opacity:1!important}
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a[data-hover-tone="offwhite"]:is(:hover,:focus-visible) img.bc-platform-logo{filter:grayscale(1) brightness(0) invert(.87)!important;opacity:1!important}
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a[data-hover-tone="gray"]:is(:hover,:focus-visible) img.bc-platform-logo{filter:grayscale(1) brightness(0) invert(.62)!important;opacity:1!important}
/* Same means no hover colour change: inherited default tone applies. */
/* Harmonize heading-to-content gap and section rhythm with the existing
   Customizer variables. The section's own top border remains a divider. */
body .layout-under .detail-info .copy-area .under-watch.bc-watch-stable h2{
 margin-top:0!important;margin-bottom:var(--bc-heading-gap,28px)!important;
}
body .layout-under .detail-info .copy-area .under-watch.bc-watch-stable{
 margin-top:var(--bc-section-pad,28px)!important;
 padding-top:var(--bc-section-pad,28px)!important;
 padding-bottom:0!important;
}
@media(max-width:600px){
 body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid{grid-auto-rows:82px!important}
}
/* When there is no hovered tone change, cancel the old generic rule while
   retaining the selected default tone. */
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a[data-hover-tone="same"]:is(:hover,:focus-visible) img.bc-tone-white{filter:grayscale(1) brightness(0) invert(1)!important}
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a[data-hover-tone="same"]:is(:hover,:focus-visible) img.bc-tone-offwhite{filter:grayscale(1) brightness(0) invert(.84)!important}
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a[data-hover-tone="same"]:is(:hover,:focus-visible) img.bc-tone-gray{filter:grayscale(1) brightness(0) invert(.62)!important}
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a[data-hover-tone="same"]:is(:hover,:focus-visible) img.bc-tone-original{filter:none!important}
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a[data-hover-tone="same"]:is(:hover,:focus-visible) img.bc-tone-black{filter:grayscale(1) brightness(0)!important}
body .layout-under .detail-info .copy-area .bc-watch-stable .bc-stable-four-grid>a[data-hover-tone="same"]:is(:hover,:focus-visible) img.bc-tone-offblack{filter:grayscale(1) brightness(0) invert(.2)!important}
