﻿.news-grid {
    display: grid;
    align-items: center;
    column-gap: 20px;
    grid-template-columns: 25fr 75fr;
}

.news-grid-small {
    margin-top: 6px;
    display: grid;
    align-items: start;
    column-gap: 12px;
    grid-template-columns: 27fr 73fr;
}

.news-results li {
    border-top: 1px solid #BAB9BB;
}

/* Handle visibility manually instead of using show-for-medium */
@media (max-width: 640px) { /* Small screens */
    .desktop-list {
        display: none !important;
    }
}

@media (min-width: 641px) { /* Medium and up */
    .mobile-list {
        display: none !important;
    }
}
