/* The homepage's recent listings (home-listings.js): listing cards as the
   collection pages draw them (trade.css), a little more compact. */

.home-listings-grid {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 10px;
    padding: 0;
}

.home-listings-grid .lcard {
    gap: 6px;
    padding: 10px;
}

.home-listings-grid .lcard-unit {
    font-size: 18px;
}

/* The bulk note's arithmetic is the collection page's to explain. */
.home-listings-grid .lcard-note {
    display: none;
}

.lcard-row a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--underline);
    text-underline-offset: 2px;
}

.lcard-when {
    color: var(--ink-2);
    font-size: 12px;
}

/* A phone: one card a line (two squeeze the sat line), the newest six. */
@media (max-width: 719.98px) {
    .home-listings-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-listings-grid .lcard:nth-child(n + 7) {
        display: none;
    }
}