.support-story-note{
  color:var(--muted);
  font-weight:700;
}
.compact-direct-support{
  margin-top:16px;
  padding-top:22px;
  padding-bottom:22px;
}
.compact-direct-support h2{margin-bottom:14px}
.direct-payment-strip{
  display:flex;
  align-items:flex-start;
  gap:14px;
  flex-wrap:wrap;
}
.compact-payment-action{
  margin:0;
  width:auto;
}
.compact-payment-action .button{
  position:relative;
  width:auto;
  min-width:0;
  min-height:40px;
  padding:9px 15px 9px 39px;
  border-radius:999px;
  font-size:.94rem;
  line-height:1;
  overflow:hidden;
  box-shadow:0 5px 14px rgba(23,52,60,.11);
}
.compact-payment-action .button::before{
  content:'≈';
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-55%);
  font-size:1.35rem;
  font-weight:900;
  line-height:1;
  letter-spacing:-.08em;
}
#venmo-direct-action .button{
  background:linear-gradient(180deg,#247984 0%,#1b6870 50%,#124b53 100%);
  border-color:#103f46;
  color:#fff;
}
#zelle-direct-action .button{
  background:rgba(255,253,248,.95);
  border-color:rgba(18,75,83,.34);
  color:#124b53;
}
.zelle-compact-group{
  display:flex;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.compact-direct-support .zelle-qr-action{
  width:178px;
  margin:0;
  padding:10px;
  border-radius:16px;
  box-shadow:0 6px 18px rgba(23,52,60,.08);
}
.compact-direct-support .zelle-qr-label{
  margin:0 0 7px;
  font-size:.82rem;
}
.compact-direct-support .zelle-qr-image,
.compact-direct-support .zelle-qr-placeholder{
  width:156px;
  max-width:100%;
  border-radius:10px;
}
.compact-direct-support .zelle-qr-note{
  margin:7px auto 0;
  font-size:.74rem;
  line-height:1.35;
}
.compact-direct-support .support-connection-status{
  margin:7px 0 0;
  max-width:30ch;
  font-size:.78rem;
  line-height:1.4;
}
.direct-payment-safety{
  margin:12px 0 0;
  font-size:.82rem;
}
.paypal-pending{
  margin-top:12px;
  opacity:.62;
}
.paypal-pending .button{
  width:auto;
  min-height:36px;
  padding:7px 12px;
  font-size:.78rem;
}
@media(max-width:760px){
  .compact-direct-support{margin-top:12px;padding:18px 16px}
  .direct-payment-strip{gap:10px}
  .compact-payment-action .button,
  .compact-direct-support .actions .button{
    width:auto;
  }
  .zelle-compact-group{
    width:100%;
    display:grid;
    grid-template-columns:auto minmax(150px,178px);
    align-items:start;
    gap:10px;
  }
  .compact-direct-support .zelle-qr-action{
    width:100%;
    max-width:178px;
    padding:9px;
  }
  .compact-direct-support .zelle-qr-image,
  .compact-direct-support .zelle-qr-placeholder{
    width:100%;
  }
}
@media(max-width:430px){
  .zelle-compact-group{
    grid-template-columns:1fr;
  }
  .compact-direct-support .zelle-qr-action{
    max-width:220px;
  }
}