.bn-foundation-notice {
  margin-bottom: var(--bn-space-12);
  border-left: 4px solid var(--bn-color-accent-600);
  padding: clamp(1.25rem, 3vw, 2.5rem);
  background: var(--bn-color-surface-soft);
}

.bn-foundation-notice h1,
.bn-page-heading h1,
.bn-foundation-article h1 {
  font-size: var(--bn-text-xl);
}

.bn-foundation-feed {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 2vw, 2rem);
}

.bn-foundation-card {
  min-width: 0;
  border-top: 1px solid var(--bn-color-border);
  padding-top: var(--bn-space-5);
}

.bn-foundation-card__media {
  display: block;
  margin-bottom: var(--bn-space-4);
  overflow: hidden;
  background: var(--bn-color-surface-soft);
  aspect-ratio: 16 / 9;
}

.bn-foundation-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bn-foundation-card__title {
  margin-bottom: var(--bn-space-3);
  font-size: var(--bn-text-lg);
}

.bn-foundation-card__title a {
  text-decoration: none;
}

.bn-foundation-article__media {
  margin: var(--bn-space-8) 0;
}

.bn-prose {
  font-size: var(--bn-text-md);
  line-height: 1.78;
}

.bn-prose > * + * {
  margin-top: 1.25em;
}

.bn-prose h2 {
  margin-top: 2em;
  font-size: var(--bn-text-lg);
}

.bn-prose h3 {
  margin-top: 1.75em;
  font-size: 1.25rem;
}

@media (max-width: 1023px) {
  .bn-foundation-feed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  .bn-foundation-feed {
    grid-template-columns: 1fr;
  }
}
