@media (min-width: 851px) and (prefers-reduced-motion: no-preference) {
  .fold-action {
    overflow: hidden;
    transition: width 480ms cubic-bezier(.22, 1, .36, 1), gap 480ms cubic-bezier(.22, 1, .36, 1), padding 480ms cubic-bezier(.22, 1, .36, 1), box-shadow 480ms ease;
  }

  .fold-action-label {
    display: block;
    max-width: 320px;
    overflow: hidden;
    opacity: 1;
    transition: max-width 380ms cubic-bezier(.22, 1, .36, 1), opacity 200ms ease, transform 380ms ease;
  }

  .fold-action-icon {
    flex: 0 0 38px;
    transition: transform 480ms cubic-bezier(.22, 1, .36, 1);
  }

  .fold-action:hover .fold-action-icon { transform: rotate(12deg); }
  .fold-action.is-folding { width: 48px !important; gap: 0; padding-left: 5px; padding-right: 5px; box-shadow: 0 12px 30px rgba(0, 0, 0, .24); }
  .fold-action.is-folding .fold-action-label { max-width: 0; opacity: 0; transform: translateX(-12px); }
  .fold-action.is-folding .fold-action-icon { transform: rotate(45deg) scale(1.05); }
}

.fold-action:focus-visible { outline: 3px solid #0786ff; outline-offset: 4px; }