/* SSZ Community Landing Blocks */

.ssz-cta-card{
  background: rgba(16,185,129,.10);
  border: 1px solid rgba(16,185,129,.20);
  border-radius: 22px;
  padding: 22px;
  display:flex;
  gap:18px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.ssz-cta-h{ margin:0 0 6px 0; font-size:22px; line-height:1.15; color:#0f172a; }
.ssz-cta-p{ margin:0; color:rgba(15,23,42,.78); font-size:14.5px; max-width:540px; }

.ssz-cta-actions{ display:flex; flex-direction:column; gap:10px; min-width:260px; }

.ssz-btn{
  display:inline-flex; justify-content:center; align-items:center; gap:10px;
  padding:12px 16px; border-radius:999px; text-decoration:none;
  font-weight:700; font-size:14px; border:1px solid transparent;
  transition: transform .08s ease, opacity .12s ease; will-change: transform;
}
.ssz-btn:hover{ transform: translateY(-1px); }
.ssz-btn:active{ transform: translateY(0px); opacity:.9; }

.ssz-btn-solid{ background:#22c55e; color:#052e16; border-color:rgba(5,46,22,.20); }
.ssz-btn-outline{ background:transparent; color:#0f172a; border-color:rgba(34,197,94,.35); }
.ssz-btn-ghost{ background:#fff; color:#0f172a; border-color:rgba(15,23,42,.15); }

.ssz-cta-mini{ font-size:13px; color:rgba(15,23,42,.75); }
.ssz-cta-mini a{ color:#0f172a; text-decoration: underline; text-underline-offset:3px; }

/* Chips container */
.ssz-chips{
  margin:14px 0 0 0;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.70);
}

.ssz-chips-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.ssz-chips-title{ margin:0; font-size:18px; color:#0f172a; }

.ssz-chips-viewport{
  overflow:hidden;
  width:100%;
  /* breathing room so chips don't look "cut" at edges */
  padding: 0 14px;
  box-sizing: border-box;
  /* subtle edge fade (optional, helps if anything is near the edge) */
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
}

.ssz-chips-track{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap: nowrap;
  will-change: transform;
}

/* Chip */
.ssz-chip{
  display:inline-flex;
  align-items:center;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(34,197,94,.12);
  border:1px solid rgba(34,197,94,.25);
  color:#0f172a;
  text-decoration:none;
  font-weight:650;
  font-size:13.5px;
  line-height:1.1;
  transition: transform .08s ease, background .12s ease;
  white-space:nowrap;
}
.ssz-chip:hover{ transform: translateY(-1px); background:rgba(34,197,94,.18); }

.ssz-chips-hint{ margin-top:10px; font-size:12.5px; color:rgba(15,23,42,.68); }

/* When autoplay off, allow wrapping for readability */
.ssz-chips[data-autoplay="0"] .ssz-chips-track{
  flex-wrap: wrap;
}