.mign-block-section.mign-news-page .mign-block-container {
  border-radius: unset;
  background-color: unset;
}
/* --- section wrapper --- */
.mign-block-section.mign-news-page .news-section {
  display: flex;
  flex-direction: column;
  gap: var(--gap-outer);
  padding: var(--gap-outer);
  width: 100%;
}

/* --- section title --- */
.mign-block-section.mign-news-page .news-section__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 0 20px 60px;
  width: 100%;
}

.mign-block-section.mign-news-page .news-section__heading {
  color: var(--color-warm-100, #e5e3df);
  font-family: var(--font-family-sans-en, "DIN 2014");
  font-size: var(--font-size-3xl, 32px);
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 41.6px */
  letter-spacing: var(--letter-spacing-normal, 0);
  margin: 0;
}

/* --- grid (column count driven by modifier class) --- */
.mign-block-section .news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* fallback */
  gap: var(--gap-outer);
  width: 100%;
}

.mign-block-section .news-grid--cols-1 {
  grid-template-columns: repeat(1, 1fr);
}
.mign-block-section .news-grid--cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.mign-block-section .news-grid--cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.mign-block-section .news-grid--cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
.mign-block-section .news-grid--cols-5 {
  grid-template-columns: repeat(5, 1fr);
}
.mign-block-section .news-grid--cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

/* --- card --- */
.mign-block-section .news-card {
  padding: 36px 6px;
  background: var(--color-surface-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  color: inherit;
  text-decoration: none;
}
.mign-block-section .news-card .news-card__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.mign-block-section .news-card--linked {
  cursor: pointer;
  transition: transform 200ms ease-out;
}

.mign-block-section .news-card--linked:hover {
  transform: translateY(-2px);
}

/* --- card image --- */
.mign-block-section .news-card__media {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  aspect-ratio: 407 / 220;
  overflow: hidden;
  flex-shrink: 0;
}

.mign-block-section .news-card__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 0%;
  pointer-events: none;
}

.mign-block-section .news-card__media--placeholder,
.mign-block-section .news-card__media--editor-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #d1cfcc, #a8a5a2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mign-block-section .news-card__media--editor-placeholder {
  height: 50%;
}
.mign-block-section .news-card__media-label {
  font-size: 12px;
  color: #5b575c;
  margin: 0;
}

/* --- card body --- */
.mign-block-section .news-card__title-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-end;
  width: 100%;
  padding: 0 36px 12px;
  min-height: 0;
  overflow: hidden;
}

.mign-block-section .news-card__meta {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-shrink: 0;
}

.mign-block-section .news-card__date {
  color: var(--color-text-secondary, #5b575c);
  font-family: "DIN 2014";
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 15.6px */
  letter-spacing: var(--letter-spacing-normal, 0);
  white-space: nowrap;
}

.mign-block-section .news-card__category {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  border: 0.5px solid var(--color-border-default);
  border-radius: 16px;
  color: var(--color-text-secondary, #5b575c);
  font-family: var(--font-family-sans-jp, "Ryo Gothic PlusN");
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: var(--font-weight-light, 300);
  line-height: 130%; /* 15.6px */
  letter-spacing: var(--letter-spacing-normal, 0);
  white-space: nowrap;
}

.mign-block-section .news-card__title {
  color: var(--color-warm-950, #1a171c);
  font-family: var(--font-family-sans-jp, "Ryo Gothic PlusN");
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: 300;
  line-height: 200%; /* 28px */
  letter-spacing: var(--letter-spacing-normal, 0);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

/* --- pagination --- */
.mign-block-section .news-pagination {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: center;
  padding: 60px 0 24px;
  width: 100%;
}

.mign-block-section .news-pagination__item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 4px;
  color: var(--color-text-on-muted, #e5e3df);
  font-family: var(--font-family-sans-en, "DIN 2014");
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 23.4px */
  text-decoration: none;
}

.mign-block-section .news-pagination__item--current {
  font-weight: 400;
  border-bottom: 1px solid var(--color-border-on-inverse);
}

/* --- empty state --- */
.mign-block-section .news-no-posts {
  color: var(--color-text-on-muted);
  padding: 40px 0;
  margin: 0;
  font-family: var(--font-family-sans-jp);
  font-size: 14px;
}

/* --- mobile --- */
@media (max-width: 768px) {
  .mign-block-section .news-section__title {
    padding: 60px 0 20px 24px;
  }

  .mign-block-section .news-grid,
  .mign-block-section .news-grid--cols-2,
  .mign-block-section .news-grid--cols-3,
  .mign-block-section .news-grid--cols-4,
  .mign-block-section .news-grid--cols-5,
  .mign-block-section .news-grid--cols-6 {
    grid-template-columns: 1fr;
  }

  .mign-block-section .news-card {
    aspect-ratio: auto;
  }

  .mign-block-section .news-card__title-block {
    padding: 0 16px 12px;
  }
}