.front-page-announcements header {
  margin-bottom: var(--content-verical-space-xl);
}

.front-page-announcements--title {
  margin-bottom: var(--content-verical-space-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--content-verical-space-sm);
  font-weight: 400;  
  line-height: var(--line-height);
}

.front-page-announcements--title > h2 {
  flex-shrink: 1;
  text-align: center;
  font-size: var(--font-size-xl);
  font-weight: 400;
  border-bottom: 1px solid black;
  padding: 0 0.2em 0 0.2em;
}

.front-page-announcements .more-link {
  text-align: center;
}

.front-page-announcements .more-link a {
  display: inline-block;
}

.front-page-announcements .more-link a:hover {
  color: var(--secondary-color);
}

.front-page-announcements--items-wrapper {
  display: grid;
  width: 100%;
  gap: 1rem;
  grid-template-columns: repeat(1, 1fr);
  align-items: stretch;
  justify-items: center;
}

@media only screen and (min-width: 720px) {
  .front-page-announcements--items-wrapper {
    display: grid;
    width: 100%;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (min-width: 1080px) {
  .front-page-announcements--items-wrapper {
    display: grid;
    width: 100%;
    gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
  }
}

.front-page-announcements--container {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
}

.front-page-announcements--header {
  color: var(--dark-grey);
}

.front-page-announcements--date {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
  font-style: italic;
}

.front-page-announcements--badge {
  color: var(--dark-grey);
  font-weight: 400;
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
  text-align: right;
}

.front-page-announcements--badge .n3t-badge--wrapper {
  background-color: white;
}

.front-page-announcements--more {
  margin-top: var(--content-verical-space-m);
  display: flex;
  justify-content: end;
}