/* Acasă: demonstrații conceptuale precise, în ambele teme. */
#probleme .td-three > article > .home-workflow {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 260px;
  margin: -24px -24px 18px;
  padding: 22px 18px 16px;
  overflow: hidden;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 72%, var(--accent) 28%);
  border-radius: 15px 15px 0 0;
  color: var(--text);
  background: radial-gradient(circle at 85% 7%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 43%),
              linear-gradient(155deg, var(--panel), color-mix(in srgb, var(--panel) 88%, #6b2b87 12%));
}
#probleme .home-workflow__eyebrow {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  font-size: .62rem;
  font-weight: 750;
  letter-spacing: .13em;
}
#probleme .home-workflow__eyebrow span { color: var(--accent); }
#probleme .home-workflow__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 8px;
  margin: 18px 0;
}
#probleme .home-workflow__step {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  min-height: 94px;
  min-width: 0;
  padding: 10px 7px;
  border: 1px solid color-mix(in srgb, var(--line) 70%, var(--accent) 30%);
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel) 91%, var(--accent) 9%);
  box-shadow: 0 9px 22px rgb(0 0 0 / .07);
}
#probleme .home-workflow__step:not(:last-child)::after {
  content: '›';
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  color: var(--accent);
  font-size: 1.1rem;
  font-weight: 700;
}
#probleme .home-workflow__number { color: var(--accent); font-size: .61rem; font-weight: 750; letter-spacing: .13em; }
#probleme .home-workflow__step strong { font-size: .83rem; line-height: 1.15; overflow-wrap: anywhere; }
#probleme .home-workflow__step small { color: var(--muted); font-size: .67rem; line-height: 1.2; overflow-wrap: anywhere; }
#probleme .home-workflow figcaption {
  position: static;
  inset: auto;
  margin: 0;
  padding: 0;
  color: var(--muted);
  font-size: .72rem;
  line-height: 1.38;
}
#colaborare .home-illustration-note {
  max-width: 70ch;
  margin: 18px 0 0;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.5;
}
#probleme .td-media > .home-scene-note {
  display: block;
  margin: 0;
  padding: 11px 16px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  background: var(--panel);
  font-size: .76rem;
  line-height: 1.45;
}
@media (max-width: 700px) {
  #probleme .td-three > article > .home-workflow { margin: -24px -20px 18px; min-height: 234px; }
}
@media (prefers-reduced-motion: no-preference) {
  #probleme .home-workflow__step { transition: transform .22s ease, border-color .22s ease; }
  #probleme .td-three > article:hover .home-workflow__step:nth-child(2),
  #probleme .td-three > article:focus-within .home-workflow__step:nth-child(2) {
    transform: translateY(-3px);
    border-color: var(--accent);
  }
}