/* Additive interaction polish; preserve restored layout. */
.design-code .role-switch {
  display: none !important;
}
.design-code > article {
  cursor: pointer;
  transition:
    opacity 240ms cubic-bezier(0.16, 1, 0.3, 1),
    transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
}
.design-code > article:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 8px;
  border-radius: 12px;
}
.design-code[data-mode="design"] > article:first-of-type,
.design-code[data-mode="code"] > article:last-of-type {
  transform: translateY(-4px);
}
.atelier-object,
.atelier-code,
.identity-art {
  pointer-events: none;
}
.alive-card {
  transition:
    transform 240ms cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 240ms cubic-bezier(0.16, 1, 0.3, 1);
}
.alive-card.pointer-active,
.alive-card:focus-within {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px var(--shadow);
}
.alive-card h3 {
  transition: color 180ms cubic-bezier(0.16, 1, 0.3, 1);
}
.alive-card.pointer-active h3 {
  color: var(--accent);
}
@media (prefers-reduced-motion: reduce) {
  .design-code > article,
  .alive-card,
  .alive-card h3 {
    transition: none !important;
    transform: none !important;
  }
}