/* Right of the content on wider screens, between 150px and 300px wide. */
#recent-activity {
    display: none;
    padding: 15px;
    border-radius: 10px;
    background-color: color-mix(in srgb, var(--banner-color) 50%, transparent);
}

@media (width > 1080px) {
    #recent-activity {
        display: block;
        grid-column: 3;
        grid-row: 1;
        justify-self: start;
        width: min(300px, 100% - 40px);
        min-width: 150px;
        margin: calc(70px + 30px) 0 30px 20px;
    }
}

.recent-links {
    list-style: none;
}

.recent-links li + li {
    margin-top: 10px;
}

.recent-collection,
.recent-date {
    opacity: 0.6;
}