/* Related pages — shared layout (pt_base). Hover colours: pt_mcs | pt_mdmc | pt_mhpc related-pages-card_*.css */

.card-related-page-container {
  padding: 2rem 0rem;
  background-position: top right;
  position: relative;
}

.card-related-page-container .row:not(:empty) {
  padding: 2rem 0rem;
  margin: 0 2px;
}

.card-related-page-container .card-wrapper .card .text,
.card-related-page-container .card-wrapper .card h6 {
  transition: color 0.2s ease;
}

.card-related-page-container .card-wrapper .card {
  border-top-width: 0;
}

.card-related-page-container .card-wrapper .card {
  background-color: #ffffff;
  border: 1px solid #c5c7c9;
  padding: 2rem;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    fill 0.2s ease;
}

.card-related-page-container .card-wrapper .card .text {
  font-size: 14px;
  padding-right: 50px;
  color: #262626;
}

.card-related-page-container .card-wrapper .card .card-body {
  padding: 0;
}

.card-related-page-container .card-wrapper .card a {
  color: #262626;
  transition: color 0.2s ease;
}

.card-related-page-container .card-wrapper .card h6 {
  color: #262626;
  transition: color 0.2s ease;
}

body .card-wrapper .card {
  background-color: #ffffff;
  border: 1px solid #c5c7c9;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    fill 0.2s ease;
}

body .card-wrapper .card {
  border-top-width: 0;
}

body .card-wrapper .card .text,
body .card-wrapper .card h6 {
  transition: color 0.2s ease;
}

body .card-wrapper .card .text {
  color: #262626;
}

body .card-wrapper .card a {
  color: #262626;
  transition: color 0.2s ease;
}

body .card-wrapper .card h6 {
  color: #262626;
  transition: color 0.2s ease;
}

@media (min-width: 992px) {
  .related-cards-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }

  .card-related-page-container .card-wrapper .card {
    padding: 2rem;
  }
}

@media (min-width: 1400px) {
  .card-related-page-container {
    padding: 3rem 0rem;
  }
}

/* Content type label (NEWS / EVENT / PAGE / …) above the title — .related-card-type */
.card-related-page-container .card-wrapper .related-card-type,
body .card-wrapper .related-card-type {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  color: var(--bs-link-color);
  margin: 0 0 0.5rem;
}

.card-related-page-container article.card.phantom-card::after {
  display: none;
}