/* Task List Divider (Completed Tasks) */
.task-list-divider {
    grid-column: 1 / -1;
    /* If using grid, though usually flex list */
    width: 100%;
    border-bottom: 1px solid var(--border-color);
    margin: 15px 0 10px 0;
    position: relative;
    text-align: center;
    color: var(--text-tertiary);
    font-size: 11px;
    font-weight: 500;
}

.task-list-divider span {
    background: var(--bg-secondary);
    /* Usually matches container bg */
    padding: 0 10px;
    position: relative;
    top: 7px;
    /* Align with border-bottom */
}

/* Ensure Completed items in Today View look slightly different if desired? */
.checklist-item.completed-section-item {
    opacity: 0.6;
}