/* Simply Blockchain v9.0.14
   Final responsive-layout and idle-GPU overrides. Loaded after style.css. */

/* Phone alone keeps the approved 2x2 summary layout. */
@media (min-width:701px){
  .sbx-hero-summary,
  .sbx-guides-hero .sbx-hero-summary{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .sbx-hero-summary>.sbx-trust,
  .sbx-hero-summary>.sbx-icon-row__item,
  .sbx-hero-summary>span{
    min-height:58px!important;
    padding:9px 8px!important;
    gap:7px!important;
    font-size:clamp(10px,.82vw,12px)!important;
  }
  .sbx-hero-summary>.sbx-trust>img,
  .sbx-hero-summary>.sbx-icon-row__item>img,
  .sbx-hero-summary>span>img{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
  }
}

/* Full-width newsletter plus three compact mobile link rows. */
@media (max-width:700px){
  .sbx-footer__grid{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"brand" "updated" "explore" "company" "connect"!important;
    gap:15px!important;
  }
  .sbx-footer__brand,
  .sbx-footer__newsletter,
  .sbx-footer__links{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    grid-column:1/-1!important;
  }
  .sbx-footer__brand{grid-area:brand!important}
  .sbx-footer__newsletter{grid-area:updated!important}
  .sbx-footer__links--explore{grid-area:explore!important}
  .sbx-footer__links--company{grid-area:company!important}
  .sbx-footer__links--connect{grid-area:connect!important}
  .sbx-footer__links{
    display:grid!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:44px!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
  }
  .sbx-footer__links h4{margin:0!important;min-height:0!important}
  .sbx-footer__links nav{display:grid!important;gap:0!important;min-width:0!important}
  .sbx-footer__links--explore nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .sbx-footer__links--company nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sbx-footer__links--connect nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sbx-footer__links nav a{
    justify-content:center!important;
    min-width:0!important;
    min-height:44px!important;
    padding:6px 5px!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
    border-bottom:0!important;
    border-left:1px solid rgba(255,255,255,.05)!important;
  }
}

@media (max-width:360px){
  .sbx-footer__links{grid-template-columns:58px minmax(0,1fr)!important;gap:4px!important}
  .sbx-footer__links nav a{padding-inline:3px!important;font-size:10.8px!important}
}

/* Keep the same static glass, rim segments, glow and fleck materials while
   preventing continuous masked-gradient animation and compositor promotion. */
.sbx-edge-runner{display:none!important}
.sbx-motion-ready .sbx-hero::after,
.sbx-motion-ready .sbx-inner-hero::after,
.sbx-motion-ready .sbx-illum-rim>.sbx-live-rim,
.sbx-motion-ready .sbx-illum-rim>.sbx-live-hotspot,
.sbx-motion-ready .sbx-illum-rim>.sbx-ember-field{
  animation:none!important;
  animation-play-state:paused!important;
  will-change:auto!important;
}
.sbx-motion-ready .sbx-illum-rim>.sbx-live-rim,
.sbx-motion-ready .sbx-illum-rim>.sbx-live-hotspot{filter:none!important}
.sbx-btn.sbx-btn--orange>.sbx-cta-sheen{animation:none!important;will-change:auto}

/* The scrolled header is already virtually opaque; live backdrop sampling
   adds GPU work without a visible benefit. */
.sbx-header,
.sbx-header.sbx-header--scrolled{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  will-change:auto!important;
}
.sbx-header{transition:background-color .32s ease,box-shadow .32s ease,border-color .32s ease!important}