/* Keep member listing rows contained even when migrated media has unusual dimensions. */
.dashboard-list > article {
    width: 100%;
    min-width: 0;
    grid-template-columns: 100px minmax(0, 1fr) auto;
    overflow: hidden;
}

.dashboard-list > article > div {
    min-width: 0;
}

.dashboard-thumb {
    max-width: 100%;
    overflow: hidden;
    contain: paint;
    background-color: var(--cream);
}

.dashboard-list h2,
.dashboard-list p {
    overflow-wrap: anywhere;
}

/* The collapsed navigation must use the active theme's surface and text colors. */
@media (max-width: 850px) {
    .site-header nav {
        background: var(--paper);
        color: var(--ink);
        border-top: 1px solid var(--line);
    }

    .site-header nav .link-button {
        color: var(--ink);
    }
}

@media (max-width: 580px) {
    .dashboard-list > article {
        grid-template-columns: 70px minmax(0, 1fr);
    }
}