questList { margin-left: 5px; }
questList left.questHeader { cursor: pointer; height:100%; align-content: center; padding-left:5px; margin-left: -5px; }
questList left.questHeader:hover { background: brown; }
questList left.quest { grid-column:2; padding-left: 5px; }
questList .hidden { display: none; }
questList padding { display: block; width:2px; height:100%; background: #ff5a49; margin:0 auto; }

questBottom.collapsedChain { height: 0; grid-column: 1 / 3 }
questBottom.expandedChain { height: 35px; grid-column: 1 / 3 }

timelineContainer { display: block; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; margin-top:0.8rem; margin-bottom: 0.2em; }
timelineContainer:hover { overflow-x: auto; }

timeline { display: flex; gap:30px; margin-bottom: 4px; }
yearLabel { writing-mode:vertical-lr; margin-top:1rem; text-orientation: upright; font-size: 90%; }
year { display: flex; gap:2px; }
month { display: block; }
monthLabel { display: block; width:60px; height:1em; text-align:center; vertical-align:middle; margin-bottom:2px; }
monthEvents { display: block; width:60px; position: relative; background: #FFFFFF20; }
occurence { display: block; width:60px; background-color:greenyellow; position:absolute; }
.arrow { background: #FFFFFF20; clip-path: polygon(0% 0%, 100% 50%, 0% 100%); min-width:33px; width: 33px; height: 66px; display: block; margin-top: calc(1rem + 1px); margin-left: -28px; }
.anotherVersionOccurence { background-color: #97f1ff; }

realizedEventOccurence { display:inline-block; }