Split CSS to separate files.

events.css

@@ -0,0 +1,36 @@
+/* Event (per-cell, if used) */
+.event {
+  font-size: .75em;
+  padding: .1em .3em;
+  margin: .1em 0;
+  border-radius: .2em;
+  color: white;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  max-width: calc(100% - .5em);
+  line-height: 1.2;
+  cursor: pointer;
+  z-index: 5;
+}
+.event:hover { opacity: .8 }
+
+/* Spanning events in the overlay (grid-positioned, not absolutely measured) */
+.event-span {
+  font-size: .75em;
+  padding: 0 .5em;
+  border-radius: .4em;
+  color: white;
+  font-weight: 600;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.2;
+  height: 1.2em;
+  align-self: center;     /* vertically center within the overlay row */
+  justify-self: stretch;  /* stretch across chosen grid columns */
+  pointer-events: auto;   /* clickable despite overlay having none */
+  z-index: 1;
+}