/* Project indexes: keep two usable cards per row on narrow phones. */
@media (max-width: 620px) {
    body.architecture-index-page:is([data-section="projects"], [data-section="interior"], [data-section="others"]) .architecture-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 12px;
    }

    body.architecture-index-page:is([data-section="projects"], [data-section="interior"], [data-section="others"]) .architecture-card {
        min-width: 0;
    }

    body.architecture-index-page:is([data-section="projects"], [data-section="interior"], [data-section="others"]) .architecture-card__meta {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
        padding-top: 10px;
        font-size: .75rem;
        line-height: 1.4;
    }

    body.architecture-index-page[data-section="projects"] .architecture-card__type {
        display: block;
    }

    body.architecture-index-page[data-section="projects"] .architecture-card__separator {
        display: none;
    }
}