.calendar-list {
    border-top: 1px solid var(--text-main);
}

.calendar-row {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid var(--border-color);
    transition: var(--transition);
}

.calendar-row:hover {
    background-color: rgba(166, 109, 109, 0.03);
}

.calendar-date {
    flex: 0 0 140px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-main);
    text-transform: none;
}

.calendar-details {
    flex: 1;
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.calendar-status {
    font-size: 0.9rem;
    color: var(--secondary-text);
}

.calendar-venue {
    font-size: 0.9rem;
    color: var(--light-text);
}

@media (max-width: 1024px) {
    .calendar-list { border-top: none; }
    .calendar-row { padding: 0.3rem 0.75rem; }
    .calendar-date { flex: 0 0 90px; font-size: 0.68rem; }
}

@media (max-width: 480px) {
    .calendar-row { padding: 0.2rem 0.5rem; }
    .calendar-date { flex: 0 0 72px; font-size: 0.63rem; }
    .calendar-venue { font-size: 0.68rem; }
}