/**
 * hana+nils · Büro für Gestaltung
 * https://hananils.de · buero@hananils.de
 */

.years {
    margin-bottom: 7.45rem;
}

.cover + .years {
    margin-top: 6.55rem;
}

.jumpmarks + .years {
    margin-top: 5.1rem;
}

/* Year */

.year {
    display: grid;
    grid-gap: 3.8rem;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    position: relative;
    max-width: calc(160rem - 5.4rem);
    margin-right: var(--dynamic-spacing-inline-end);
    margin-left: var(--dynamic-spacing-inline-start);
    gap: 3.8rem;
}

.year + .year {
    margin-top: 8.5rem;
}

@media (min-width: 500px) {
    .year {
        padding-left: 11.5rem;
    }
}

@media (min-width: 850px) {
    .year {
        --columns: 2;
    }
}

@media (min-width: 1160px) {
    .year {
        --columns: 3;
    }
}

@media (min-width: 1720px) {
    .year {
        --columns: 4;
    }
}

.year .year-label {
    margin: 0;
    padding: 0;
    font-size: var(--text-size-4);
    line-height: 1;
    font-variant-numeric: oldstyle-nums;
}

@media (min-width: 500px) {
    .year .year-label {
        position: absolute;
        top: -0.2rem;
        left: 0;
    }
}

.year article {
    min-width: 20rem;
}

.year article time {
    font-weight: var(--text-weight-bold);
    font-variant-numeric: oldstyle-nums;
}

.year .is-related::before {
    content: '\2192';
    display: inline-block;
    position: relative;
    padding-right: 0.7rem;
    text-decoration: none;
}