/**
 * Shared investor-deck chrome for public showcase stories.
 * Case study cross-link band + mobile accordion helpers (with portfolio_accordion.js).
 */

.pi-showcase-band {
  margin-top: 1.25rem;
  margin-bottom: 1.5rem;
  padding: 1.35rem 1.5rem;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(30, 58, 95, 0.88) 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #e2e8f0;
}

.pi-showcase-band h2 {
  font-size: 1.15rem;
  font-weight: 800;
  color: #f8fafc !important;
  margin-bottom: 0.35rem;
}

.pi-showcase-band p {
  color: rgba(226, 232, 240, 0.82);
  font-size: 0.92rem;
  line-height: 1.55;
  margin-bottom: 0;
  max-width: 40rem;
}

.pi-showcase-band__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1rem;
}

.pi-showcase-band__actions .btn-outline-light {
  border-color: rgba(255, 255, 255, 0.35);
  color: #f8fafc;
}

.pi-showcase-band__actions .btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}

@media (max-width: 768px) {
  .pi-showcase-band {
    padding: 1.15rem 1.1rem;
  }

  .pi-showcase-band__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .pi-showcase-band__actions .btn {
    width: 100%;
  }
}