/* ============================================================
   OUTCOME PAGES SHARD
   Applies to:
   - features/outcomes/automation
   - features/outcomes/lifecycle
   - features/outcomes/billing-accuracy
   ============================================================ */

/* CTA two-column layout for outcome endings */
.cta-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

/* Restored outcome CTA card treatment */
.cta-card {
  padding: 28px;
  border-radius: 26px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.024));
}

.cta-card h3 {
  margin: 0 0 10px;
}

.cta-card p {
  margin: 0 0 10px;
  color: var(--muted, rgba(232, 239, 255, 0.72));
}

.cta-card p:last-child {
  margin-bottom: 0;
}

/* Outcome maps / marker labels */
.presence-item {
  padding: 8px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.035);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Vertical outcome benefits list */
.feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.5rem;
}

.feature-list li {
  position: relative;
  padding-left: 1rem;
  color: var(--text-muted);
}

.feature-list li::before {
  content: "\2022";
  position: absolute;
  left: 0;
  color: var(--accent);
}

/* Scoped success utility for outcome pages */
.green {
  color: #8ef2c3;
}

.premium-icon.green {
  color: #8ef2c3;
  border-color: rgba(142, 242, 195, 0.22);
  box-shadow: 0 0 26px rgba(142, 242, 195, 0.14);
  background: linear-gradient(180deg, rgba(142, 242, 195, 0.12), rgba(142, 242, 195, 0.04));
}

@media (max-width: 1180px) {
  .cta-wrap {
    grid-template-columns: 1fr;
  }
}