.dates {
    max-width: 48rem;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.date {
    display: flex;
    align-items: center;
    gap: 1.5rem 2.5rem;
    padding: 1.75rem 0;
    border-bottom: var(--hairline) solid var(--line);
    text-align: left;
}

.date:first-child { border-top: var(--hairline) solid var(--line); }

.date-when {
    flex: 0 0 11rem;
    margin: 0;
    font-family: var(--font-smallcaps);
    font-size: var(--heading);
}

.date-where { flex: 1; }

.date-venue { font-size: var(--heading); }

.date-place { margin-top: 0.25rem; }
.date-place > * { margin: 0; }

.date-empty {
    justify-content: center;
    text-align: center;
}

@media (max-width: 48em) {
    .date { flex-direction: column; text-align: center; }
    .date-when { flex-basis: auto; }
}