/* A line of the Display: title, summary, date. */

.project-rows {
    list-style: none;
}

.project-row {
    display: grid;
    gap: 0.1rem 0.9rem;
    padding-block: 0.7rem;
    border-bottom: 1px dashed var(--border);
}

.project-row:first-child {
    padding-top: 0;
}

.project-row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.project-row > a {
    font-weight: 700;
    text-decoration: none;
}

.project-row > a:hover {
    text-decoration: underline;
}

.project-row p {
    font-size: 0.95rem;
}

.project-row time {
    font-size: 0.9rem;
    white-space: nowrap;
    color: color-mix(in srgb, var(--text) 70%, transparent);
}

@media (min-width: 44rem) {
    .project-row {
        grid-template-columns: 12rem minmax(0, 1fr) auto;
        align-items: baseline;
    }
}