#recent {
    display: flex;
    flex-flow: column;
    gap: var(--gutter);
}
#recent h6 {
    font-weight: 600;
    color: var(--color-text-secondary);
}

#recent li {
    display: grid;
    grid-template-columns: 1.666rem 1fr;
    gap: var(--smol-gutter);
    margin: 0;
}
#recent img {
    width: 100%;
    aspect-ratio: 1;
    margin-block: .2em;
    border-radius: calc(var(--border-radius) * 1.333);
}
#recent time a {
    color: var(--color-text-secondary);
}
#recent time a:hover {
    color: var(--color-secondary-75);
}


@media only screen and (min-width: 800px)
{
    #recent { font-size: var(--smol-font-size); }
}