ul.projects ul.progressive-project-menu {
	padding-left: 35px;
}
ul.progressive-project-menu li {
	float:left;
	margin-right: 10px;
}

time.progressive-overdue {
	color: red;
/*        padding-top: 4px;*/ Not needed after adding section below for time selector.
}

#projects-index .initiative-progress-bar time {
    margin-top: 4px; /* Adjust as needed */
    display: inline-block; /* <time> is inline by default; margin-top might behave better with inline-block or block */
}

div.child a.project {
	font-weight: bold;
}

.progressive-project-issues {
    line-height: 1.6em;
}

div#projects-index table.progress {
       width: 40em;
}

div.progressive-overview table.progress {
       width: 80%;
}

.progressive-project-version {
       clear: both;
}

/* --- Project List Styling --- */

/* 1. Add a line and space AFTER each TOP-LEVEL project block */
#projects-index > ul.projects.root > li.root:not(:last-child) {
    border-bottom: 3px solid #bbbbbb; /* A more prominent solid line for main projects */
    margin-bottom: 30px;  /* Space after the line, before the next project block starts */
    padding-bottom: 30px; /* Space between the content of the project and the line */
}

/* 2. Add a line and space AFTER each SUB-PROJECT block (if you want them separated too) */
/* This targets child projects within their respective lists */
#projects-index ul.projects li.child:not(:last-child) {
    border-bottom: 2px dashed #cccccc; /* A lighter, dashed line for sub-projects */
    margin-bottom: 20px;  /* Space after the line */
    padding-bottom: 20px; /* Space between content and the line */
}

/* Optional: Add some general spacing to the container of sub-projects if needed */
#projects-index li.root > ul.projects {
    margin-top: 20px; 
/* Adds some space before a list of sub-projects begins */
    /* If your li.root already has padding-bottom from rule 1, this might be enough,
       but this rule specifically targets the ul containing child projects for more control. */
}