li.thread {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    padding-inline: 1.3333rem;
    column-gap: var(--gutter);
    align-items: center;
}
    li.thread > button[name=follow] {
        padding-inline: .333em;
    }
        li.thread > button[name=follow] .nomobile {
            display: none;
        }
li.thread.unread > div > a {
    font-weight: bold;
}
    li.thread .latestReply {
        display: grid;
        width: 15rem;
        grid-template-areas: "pic name"
                            "pic time";
        grid-template-columns: auto 1fr;
        column-gap: var(--gutter);
        font-size: var(--smol-font-size);
    }
        li.thread .latestReply a {
            color: var(--color-text-secondary);
            line-height: var(--line-height-tight);
        }
        li.thread .latestReply a:hover {
            color: var(--color-secondary);
        }
        li.thread .latestReply > a:first-child {
            grid-area: pic;
            align-self: center;
        }
        li.thread .latestReply > a {
            grid-area: name;
            align-self: end;
            color: var(--color-text-primary);
            text-wrap: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        li.thread .latestReply time {
            grid-area: time;
            align-self: start;
            font-size: var(--smol-font-size);
        }
        li.thread .latestReply img {
            border-radius: calc(var(--border-radius) * 2);
            width: 3rem;
            aspect-ratio: 1;
            display: block;
            margin: 0;
        }


@media only screen and (max-width: 800px)
{
    li.thread {
        grid-template-columns: 1fr auto;
        row-gap: 0;
    }
        li.thread > button[name=follow] {
            display: none;
        }

    li.thread > small {
        display: none;
    }

    li.thread > a {
        grid-row: 1;
        grid-column: 2;
    }
    li.thread .latestReply {
        width: auto;
        display: block;
        font-size: var(--smol-font-size);
        text-align: center;
    }
    li.thread .latestReply > * {
        display: block;
    }
    li.thread .latestReply > a:nth-of-type(2) {
        display: none;
    }
    li.thread .latestReply img {
        width: 2.5rem;
        display: inline-block;
    }
}