@charset "UTF-8";

.latest-articles-container {
    background-color: var(--bg-lightgray);
}


.latest-articles-body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    padding-bottom: 3em;
}

.latest-articles-section {
    border-bottom: 1px solid var(--border-gray);
    border-right: 1px solid var(--border-gray);
    padding: 1.5em 1.5em 0.3em 1.5em;
}

.latest-articles-body div:last-child, .latest-articles-body div:nth-last-child(2) {
    border-bottom: none;
}
/* latest-articles-section no border-right when 3 columns */
.latest-articles-body div:nth-child(3n) {
    border-right: none;
}

.latest-articles-body div:last-child {
    border-right: none;
}


h3.latest-articles-section-title {
    font-weight: 500;
}

h3.latest-articles-section-title a,
h3.latest-articles-section-title a:hover,
.NotableArticlesTitle a,
.NotableArticlesTitle a:hover {
    color: var(--font-orange);
}

.latest-articles-content {
    display: block;
    height: auto;
    margin: 10px 0 0;
}

.latest-articles-content li {
    display: block;
    margin: 0 0 12px;
}

.latest-articles-content a {
    color: var(--font-default-color);
    line-height: 1.3em;
    display: block;
}

.latest-articles-content a:visited {
    color: #0d7c93; /* todo font color */
}