/* Rocket Events: minimal structural layout only. */

.rocket-event-divider {
    border: 0;
    border-top: 1px dashed currentColor;
    margin: 0.75em 0;
    opacity: 0.35;
}

.rocket-event {
    display: block;
}

.rocket-event-when,
.rocket-event-what,
.rocket-event-link {
    text-align: left;
}

@media (min-width: 1300px) {
    .rocket-event {
        display: grid;
        grid-template-columns: minmax(max-content, 1fr) minmax(0, 2fr) minmax(max-content, 1fr);
        align-items: center;
        column-gap: 1.5em;
    }

    .rocket-event-when {
        justify-self: start;
        text-align: left;
    }

    .rocket-event-what {
        justify-self: center;
        text-align: center;
    }

    .rocket-event-link {
        justify-self: end;
        text-align: right;
    }
}