/* Basic CSS for styling the calendar */
    #sched table {
        /*      width: 710px;*/
        width: 90%;
        table-layout: fixed;
        border-collapse: collapse;
        margin: auto;
        padding: 0 30px 0 30px;
	/*   line-height: 1rem; */
	/*   font-size: .7rem; */
	background-color: #fff;
	/* margin: 0 0 1.5rem 0; */
	box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    }

     #sched th, #sched td {
         border: 1px solid #b0b0b0;
         padding: 8px;
         text-align: center;
         height: 25px; /* Ensures consistent row height */
     }

     #sched th {
         background-color: var(--nord6);
         font-weight: bold;
         width: 18%; /* 16% */
     }

     #sched th.time-col, #sched td.time-col {
         width: 10%;
         background-color: var(--nord6);
         font-weight: bold;
         font-size: 0.9em;
     }

     #sched tr {
	 height: 5px; /* Ensures rows are not collapsed */
	 background-color: var(--table-background-cal);
     }

     #sched tr:has(+ tr.half-hour) td {
	 border-bottom: none;
     }
     
     /* Style for half-hour rows to make them visually distinct if needed */
      #sched tr.half-hour td {
          border-top: 1px solid #eee;
      }
      
      /* Example class for booked events */
      #sched .event {
          background-color: #C6E2EE;
          color: var(--nord0);
          font-weight: bold;
	  border: 1px solid #b0b0b0 !important;
          /*   border-radius: 4px; */
          vertical-align: middle;
      }