.section-info {
   display: flex;
   flex-direction: column;
   gap: 2rem;
}

.section-name {
   display: flex;
   flex-direction: column;
   gap: .4rem;
}

.section-name h3 {
   font-size: 2rem;
}

.section-name p {
   color: var(--sub-color);
}

.subsections-grid {
   margin-top: 1.5rem;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 2.5rem;
}

.subsection-item {
   flex: 1;
   min-width: 260px;
}

.subsection-item h3 {
   color: var(--brand-color);
   margin-bottom: 1rem;
}

.articles-list li,
.articles-list .show-more {
   display: list-item;
   list-style: none;
   padding-block: .8rem;
   border-bottom: 1px solid var(--secondary-border-color);
}

.articles-list *:last-child {
   border: none;
}

.articles-list a:hover {
   text-decoration: underline;
}

.articles-list .show-more{
   color: var(--brand-color);
   padding-block: .8rem;
}