/* Updates / site-history page. Shared header + spacing come from .content-page
   in _rasm.css; this file only styles the changelog body (#updates), which is
   produced by the Quill -> HTML converter: each date is a top-level <strong>,
   and the items under it are a .ql-checklist list. */

/* The <br> spans that the converter emits after each date line are redundant
   here because the date is styled as a block header. */
#updates > span {
    display: none;
}

/* Date = section header */
#updates > strong {
    display: block;
    margin: 26px 0 12px;
    padding: 8px 16px;
    color: #8B4513;
    background: #faf6ea;
    border-inline-start: 4px solid #c69f56;
    border-radius: 5px;
    font-size: 13.5pt;
    font-weight: bold;
    letter-spacing: .3px;
}

    #updates > strong:first-child {
        margin-top: 0;
    }

/* Update items */
#updates .ql-checklist {
    list-style: none;
    margin: 0 0 6px;
    padding-inline-start: 10px;
}

    #updates .ql-checklist > li {
        position: relative;
        margin: 2px 0;
        padding: 5px 0;
        padding-inline-start: 24px;
        border-radius: 4px;
        transition: background .15s ease;
    }

        #updates .ql-checklist > li:hover {
            background: #f7f3ea;
        }

        /* Replace the ballot-box marker with a small accent dot for a cleaner,
           changelog-style look. */
        #updates .ql-checklist > li::before {
            content: "";
            position: absolute;
            inset-inline-start: 7px;
            top: .95em;
            width: 7px;
            height: 7px;
            margin: 0;
            background: #c69f56;
            border-radius: 50%;
        }