/* PulseBoard Fusion V9 — left alignment, compact brand chart, and WhatsApp float. */

/* Home Pulse Stories: remove the viewport-centering transform that pushed the feed to the right. */
body[data-page="home"] [data-post-feed].story-wall{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  justify-self:stretch!important;
  align-self:stretch!important;
}
body[data-page="home"] [data-post-feed]>.story-card--feedback,
body[data-page="home"] [data-post-feed]>.story-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  justify-self:stretch!important;
}

/* Keep the menu button and PulseBoard lock-up close together at the far left. */
.site-header .brand{
  margin-inline-start:50px!important;
  min-width:0!important;
  padding-left:0!important;
  column-gap:7px!important;
  transform:none!important;
}
.site-header .brand::before{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  background:url('assets/pulseboard-chart.svg?v=9.0.0') center/contain no-repeat!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.site-header .brand span:first-of-type{transform:none!important}
.site-header .brand span:last-of-type{transform:none!important;margin-left:8px!important}
@media(min-width:861px){
  .site-header .brand{margin-inline-start:52px!important}
}
@media(max-width:860px){
  .site-header .brand{margin-inline-start:46px!important;column-gap:6px!important}
  .site-header .brand::before{width:36px!important;height:36px!important;min-width:36px!important}
}
@media(max-width:430px){
  .site-header .brand{margin-inline-start:44px!important}
  .site-header .brand span:first-of-type{font-size:.86rem!important;letter-spacing:.08em!important}
  .site-header .brand span:last-of-type{font-size:.42rem!important;margin-left:5px!important}
}

/* WhatsApp button adapted from the supplied floating Font Awesome pattern. */
.floating-wa.float{
  position:fixed!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  right:40px!important;
  bottom:40px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  gap:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:#25d366!important;
  color:#fff!important;
  text-align:center!important;
  font-size:30px!important;
  line-height:1!important;
  box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 0 7px rgba(37,211,102,.1)!important;
  z-index:130!important;
  text-decoration:none!important;
}
.floating-wa.float:hover,
.floating-wa.float:focus-visible{
  background:#1fbd59!important;
  outline:2px solid #fff!important;
  outline-offset:4px!important;
}
.floating-wa.float .my-float{
  margin:0!important;
  line-height:1!important;
}
.floating-wa.float span{display:none!important}
.floating-wa.float.bounce{animation:pulseboard-wa-bounce 2s infinite}
@keyframes pulseboard-wa-bounce{
  0%,25%,50%,75%,100%{transform:translateY(0)}
  40%{transform:translateY(-20px)}
  60%{transform:translateY(-12px)}
}
@media(max-width:760px){
  .floating-wa.float{
    width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
    right:max(14px,env(safe-area-inset-right))!important;
    bottom:max(16px,env(safe-area-inset-bottom))!important;
    font-size:27px!important;
  }
}
@media(prefers-reduced-motion:reduce){.floating-wa.float.bounce{animation:none!important}}