/* Workflow-only adaptation of the slice transition; existing content is the fallback. */
.workflow-slider { margin-top: 2rem; }
.workflow-slider__steps { list-style: none; padding: 0; margin: 0; }
.workflow-slider__steps > li { border-top: 1px solid var(--rule); padding: 1.5rem 0; }
.workflow-slider.is-enhanced .workflow-slider__panel {
  position: sticky;
  top: 7rem;
  padding: clamp(1.25rem, 4vw, 3rem);
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: 1.5rem;
}
.workflow-slider.is-enhanced .workflow-slider__steps { display: grid; }
.workflow-slider.is-enhanced .workflow-slider__steps > li {
  grid-area: 1 / 1;
  border: 0;
  padding: 1rem 0 2rem;
  visibility: hidden;
  opacity: 0;
  clip-path: inset(100% 0 0);
  transform: translateY(1.5rem);
  transition: clip-path 600ms cubic-bezier(.77, 0, .175, 1), transform 600ms ease, opacity 400ms ease, visibility 600ms;
}
.workflow-slider.is-enhanced .workflow-slider__steps > li.is-active {
  visibility: visible;
  opacity: 1;
  clip-path: inset(0);
  transform: translateY(0);
}
.workflow-slider__number { display: block; color: var(--cobalt); font: 700 .85rem var(--font-sans); letter-spacing: .15em; margin-bottom: 1.5rem; }
.workflow-slider.is-enhanced .card-title { font-size: clamp(2rem, 5vw, 4rem); color: var(--cobalt); }
.workflow-slider.is-enhanced .workflow-slider__steps p { max-width: 48ch; font-size: clamp(1rem, 2vw, 1.2rem) !important; }
.workflow-slider__controls { display: flex; justify-content: center; align-items: center; gap: .25rem; border-top: 1px solid var(--rule); padding-top: 1rem; }
.workflow-slider__controls button { flex-shrink: 0; display: grid; place-items: center; width: 2rem; height: 2.75rem; padding: 0; background: transparent; border: 0; color: var(--ink); cursor: pointer; }
.workflow-slider__controls .workflow-slider__arrow { border-radius: 50%; width: 2.75rem; background: var(--ink); color: var(--paper); font-size: 1.4rem; }
.workflow-slider__controls button:disabled { opacity: .3; cursor: default; }
.workflow-slider__dot::before { content: ''; width: .5rem; height: .5rem; background: var(--ink-soft); opacity: .3; border-radius: 50%; }
.workflow-slider__dot[aria-current="step"]::before { background: var(--cobalt); opacity: 1; transform: scale(1.4); }
.workflow-slider__controls button:focus-visible { outline: 2px solid var(--cobalt); outline-offset: 2px; }
@media (max-width: 600px) {
  .workflow-slider__controls { gap: 0; }
  .workflow-slider__controls button { width: 1.5rem; }
  .workflow-slider__controls .workflow-slider__arrow { width: 2rem; height: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
  .workflow-slider.is-enhanced .workflow-slider__steps > li { transition: none; transform: none; clip-path: none; }
}
@media print {
  .workflow-slider { height: auto !important; }
  .workflow-slider.is-enhanced .workflow-slider__panel { position: static; }
  .workflow-slider.is-enhanced .workflow-slider__steps { display: block; }
  .workflow-slider.is-enhanced .workflow-slider__steps > li { visibility: visible; opacity: 1; transform: none; clip-path: none; }
  .workflow-slider__controls { display: none; }
}