.schedulebody {
    max-width: 750px;
    font-size: 10px;
}

.events-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.event {
    padding: 5px;
    border-radius: 0 8px 8px 0;
    font-size: 10px;
}

.event-title {
    margin: 0 0 8px 0;
    color: #683651;
    font-size: 1.2em;
}

.event-time {
    margin: 0 0 8px 0;
    color: #967fa5;
    font-weight: bold;
}

.event-description {
    margin: 0;
    color: #967fa5;
    line-height: 0.9;
}

.loading {
    text-align: center;
    color: #683651;
    font-style: italic;
    font-size: 10px;
}

.error {
    padding: 15px;
    color: #663232;
    border-radius: 0 8px 8px 0;
    font-size: 10px;
}

html.darkmode .event-title {
    color: #d8bdb6;
}

html.darkmode .event-time {
    color: #c2cabe;
}

html.darkmode .event-description {
    color: #c2cabe;
}

html.darkmode .loading {
    color: #a57e5b;
}

html.darkmode .error {
    color: #c98a54;
    background-color: #3d3b1e;
    border-left: 2px solid #a57e5b;
}