.geschiedenis .geschiedenis_items{
    display: grid;
    /* Figma: 3.2rem between entries, derived from the shared text rhythm. */
    gap: calc(var(--default-margin-bottom) * 4 / 3);
}

.geschiedenis .geschiedenis_item{
    display: grid;
    /* Independent 8rem year column, capped at a quarter on narrow screens. */
    grid-template-columns: min(25%, 8rem) minmax(0, 1fr);
    column-gap: calc(var(--bs-gutter-x) * 2 / 3);
}

.geschiedenis .geschiedenis_jaartal{
    font-weight: 400;
    line-height: 1;
    hyphens: auto;
}

.geschiedenis .geschiedenis_tekst{
    hyphens: auto;
}