.sortable-item .list-group-item {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    cursor: grab;
    user-select: none;
    transition: background 0.2s ease;
	display: flex;                 /* instead of relying on d-flex */
	align-items: center;           /* instead of align-items-center */
	gap: 0.5rem;  	
}

.sortable-item  .list-group-item:active {
    cursor: grabbing;
    background: #eef2f7;
}

.drag-handle {
    font-size: 1.2rem;
    color: #9ca3af;
    user-select: none;
    cursor: grab;
}
.sortable-item .sortable-chosen {
    background: #e0f2fe; /* light blue highlight */
    border-color: #38bdf8; /* blue border */
}

.list-group-item .btn-danger {
    padding: 0.2rem 0.5rem;
    font-size: 0.8rem;
    line-height: 1;
}

.list-group-item .btn-outline-danger {
    padding: 0.25rem 0.6rem;
    font-size: 0.8rem;
    line-height: 1;
}

.sortable-item .list-group-item .drag-handle {
  margin-right: 0.5rem;          /* replaces me-2 */
}

.sortable-item .list-group-item .chapter-link {
  flex: 1 1 auto;                /* replaces flex-grow-1 */
}

.sortable-item .list-group-item .delete-form {
  margin-left: auto;             /* replaces ms-auto / justify-content-between trick */
}