#mh-timeline .tl-block.tl-block-wide {
    display: none;
}
#mh-timeline .tl-block.tl-block-narrow {
    margin-bottom: 3rem;
}
#mh-timeline .richtext {
    padding: 1rem;
}
#mh-timeline .tl-head {
    text-align: center;
}
#mh-timeline .tl-dates {
    background-color: white;
    padding: .4rem 1rem .1rem;
    display: inline-block;
    margin-bottom: 1rem;
    border: 1px solid #333;
    font-size: 1.5rem;
    font-weight: bold;
    font-style: italic;
}
#mh-timeline .tl-title {
    font-weight: bold;
    margin-bottom: 1rem;
}
#mh-timeline .tl-card {
    border: 1px solid #333;
    background-color: white;
    position: relative;
    max-width: 600px;
    margin-bottom: 2rem;
    margin-inline: auto;
}
@media (min-width: 900px) {
    #mh-timeline .tl-block.tl-block-wide {
        display: flex;
    }
    #mh-timeline .tl-block.tl-block-narrow {
        display: none;
    }
    #mh-timeline .tl-block {
        display: flex;
        gap: 2rem;
        margin-bottom: 2rem;
    }
    #mh-timeline .tl-block > div:first-child {
        flex: 1 1 400px;
    }
    #mh-timeline .tl-block > div:last-child {
        flex: 1 1 400px;
    }
    #mh-timeline .tl-block .tl-line {
        border-right: 1px solid #333;
        position: relative;
    }
    #mh-timeline .tl-block .tl-line::after {
        content: url("data:image/svg+xml,%3Csvg width='15' height='10' viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7.5 9L14 1' stroke='%23282828'/%3E%3C/svg%3E%0A");
        position: absolute;
        right: -8px;
        bottom: -8px;
    }
    #mh-timeline .tl-card-left::before {
        content: "";
        display: block;
        width: 2rem;
        border-top: 1px solid #333;
        position: absolute;
        top: -1px;;
        right: -33px;
    }

    #mh-timeline .tl-card-right::before {
        content: "";
        display: block;
        width: 2rem;
        border-top: 1px solid #333;
        position: absolute;
        top: -1px;;
        left: -33px;
    }
    #mh-timeline .tl-card-left:first-child {
        margin-top: 2rem;
    }
    #mh-timeline .tl-card-right:first-child {
        margin-top: 4rem;
    }
    /* #mh-timeline .tl-card-left:last-child { */
    /*     margin-bottom: 2rem; */
    /* } */
    /* #mh-timeline .tl-card-right:last-child { */
    /*     margin-bottom: 2rem; */
    /* } */
}