/* --------------------------------------------------
   Header
   -------------------------------------------------- */

.release-note {

    margin-bottom: 3em;
}

.release-note-header {

    display: flex;

    align-items: baseline;

    gap: 18px;

    margin-bottom: 2em;

}




.release-note-date {

    color: #777;

    font-size: 1rem;

    white-space: nowrap;

}


/* --------------------------------------------------
   Body
   -------------------------------------------------- */

.release-note-body {

    padding-left: 4px;

}


.release-note-body h3 {

    margin: 0 0 12px;

    font-weight: 700;

    line-height: 1.5;

}


.release-note-body ul {

    margin: 0;

    padding-left: 20px;

}


.release-note-body li {

    margin: 6px 0;

    line-height: 1.8;

}


/* --------------------------------------------------
   Mobile
   -------------------------------------------------- */

@media (max-width: 767px) {

    .release-note-header {

        margin-bottom: 1.5em;

    }


    .release-note-body {

        padding-left: 0;

    }


}