/**
 * Session Library page — Option A list layout.
 * Requires core-app.css + ui-kit.css.
 */

.cr-library-main {
  flex: 1;
  padding-bottom: var(--cr-space-3xl);
}

.cr-library-list {
  display: flex;
  flex-direction: column;
  gap: var(--cr-space-md);
  max-width: 720px;
}

.cr-library-list .cr-scenario-card {
  position: relative;
}

.cr-library-list .cr-scenario-card.featured {
  border-color: rgba(212, 43, 32, 0.22);
}

.cr-library-list .cr-scenario-card.coming-soon {
  pointer-events: none;
}

.cr-library-list .cr-scenario-card .cr-badge--positioned {
  position: absolute;
  top: var(--cr-space-md);
  right: var(--cr-space-md);
}

.cr-scenario-card__cta-row {
  display: inline-flex;
  align-items: center;
  gap: var(--cr-space-xs);
}

.cr-scenario-card__cta--muted {
  color: var(--cr-color-text-muted);
}