/* Spark Workflow Carousel — minimal text style (no card box, 2 per view, no arrows).
   Theme via the CSS variables below. */
.swc{
	--swc-gap: 48px;
	--swc-per: 1;
	--swc-accent: #FF3D00;
	--swc-ink: #050505;
	--swc-muted: #343A40;
	position: relative;
	width: 100%;
}
@media (min-width:768px){ .swc{ --swc-per: 2; } }   /* 2 visible at a time */

.swc *{ box-sizing: border-box; }
.swc-viewport{ overflow: hidden; }
.swc-track{
	display: flex;
	gap: var(--swc-gap);
	transition: transform .6s cubic-bezier(.22,.61,.36,1);
	will-change: transform;
	touch-action: pan-y;
}
.swc-slide{
	flex: 0 0 calc((100% - (var(--swc-gap) * (var(--swc-per) - 1))) / var(--swc-per));
	min-width: 0;
}

/* simple text — no background, no border/outline, no shadow, no hover box effects */
.swc-card{ background: none; border: 0; box-shadow: none; padding: 0; }
.swc-num{
	display: block;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: var(--swc-accent);
	margin-bottom: 14px;
}
.swc-title{ margin: 0 0 10px; font-size: 21px; line-height: 1.3; font-weight: 700; color: var(--swc-ink); }
.swc-desc{ margin: 0; font-size: 15px; line-height: 1.65; color: var(--swc-muted); }

/* controls: dots only (arrows removed) */
.swc-controls{ display: flex; align-items: center; margin-top: 28px; }
.swc-dots{ display: flex; gap: 8px; align-items: center; }
.swc-dot{
	width: 8px; height: 8px; padding: 0; border: none; border-radius: 50%;
	background: rgba(5,5,5,.18); cursor: pointer; transition: all .3s ease;
}
.swc-dot.is-active{ width: 26px; border-radius: 5px; background: var(--swc-accent); }

/* dark modifier: add class "swc--dark" */
.swc--dark{ --swc-ink: #FFFFFF; --swc-muted: rgba(255,255,255,.70); }
.swc--dark .swc-dot{ background: rgba(255,255,255,.25); }

@media (prefers-reduced-motion: reduce){ .swc-track{ transition: none; } }

/* Ensure the number + title stay bold over the theme's heading styles */
.swc .swc-num,
.swc .swc-title{ font-weight: 700 !important; }