@layer templates {
  .home-latest-news {
    margin-block-start: 2.5rem;
  }

  .home-section-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 2rem 1rem;
    gap: 2rem;
  }

  .home-section-head h2 {
    margin: 0;
  }

  .home-section-more {
    font-family: var(--font-interface);
    font-size: 0.95rem;
    color: inherit;
    text-decoration-color: var(--accent-color);
    text-underline-offset: 0.18em;
    white-space: nowrap;
  }

  .home-section-more:hover {
    text-decoration-thickness: 2px;
  }

  .homePage header.page-header.col-center {
    display: none;
  }

  @media (width <= 50rem) {
    .home-latest-news {
      margin-block-start: 0;
    }

    .home-section-head {
      padding: 0 0 2rem 0;
      font-weight: 700;
    }
  }
}