.block__ixn-cards .inner {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: center;
}
.block__ixn-cards .inner .top {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 600px;
  text-align: center;
}
.block__ixn-cards .inner .top h2 {
  font: var(--type-h2);
}
.block__ixn-cards .inner .top p {
  font: var(--type-b1);
}
.block__ixn-cards .inner .cards {
  width: 100%;
  display: flex;
  --gap: var(--spacing-md);
  gap: var(--gap);
  --card-width: calc((100% - (2 * var(--gap))) / 3);
  flex-wrap: wrap;
}
.block__ixn-cards .inner .cards .card {
  flex: 1 1 var(--card-width);
  max-width: var(--card-width);
  border-radius: var(--radius-medium);
  padding: var(--spacing-sm);
  background: var(--color-primary);
  color: black;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.block__ixn-cards .inner .cards .card .icon {
  width: 120px;
  height: 120px;
  background: var(--color-black);
  border-radius: var(--radius-medium);
}
.block__ixn-cards .inner .cards .card .icon img {
  width: 100%;
  height: 100%;
}
.block__ixn-cards .inner .cards .card h3 {
  font: var(--type-h3);
}
.block__ixn-cards .inner .cards .card .card-text {
  font: var(--type-b2);
}
.block__ixn-cards .inner .cards .card .card-text p {
  margin-bottom: var(--spacing-sm);
}
.block__ixn-cards .inner .cards .card .card-text p:last-child {
  margin-bottom: 0;
}
.block__ixn-cards .inner .cards .card .card-text strong,
.block__ixn-cards .inner .cards .card .card-text b {
  font-weight: bold;
}
.block__ixn-cards .inner .cards .card .card-text h1,
.block__ixn-cards .inner .cards .card .card-text h2,
.block__ixn-cards .inner .cards .card .card-text h3,
.block__ixn-cards .inner .cards .card .card-text h4,
.block__ixn-cards .inner .cards .card .card-text h5 {
  margin-bottom: 0.5em;
}
.block__ixn-cards .inner .cards .card .card-text p + h1,
.block__ixn-cards .inner .cards .card .card-text p + h2,
.block__ixn-cards .inner .cards .card .card-text p + h3,
.block__ixn-cards .inner .cards .card .card-text p + h4,
.block__ixn-cards .inner .cards .card .card-text ul + h1,
.block__ixn-cards .inner .cards .card .card-text ul + h2,
.block__ixn-cards .inner .cards .card .card-text ul + h3,
.block__ixn-cards .inner .cards .card .card-text ul + h4,
.block__ixn-cards .inner .cards .card .card-text ol + h1,
.block__ixn-cards .inner .cards .card .card-text ol + h2,
.block__ixn-cards .inner .cards .card .card-text ol + h3,
.block__ixn-cards .inner .cards .card .card-text ol + h4 {
  margin-top: var(--spacing-md);
}
.block__ixn-cards .inner .cards .card .card-text h1,
.block__ixn-cards .inner .cards .card .card-text h2 {
  font: var(--type-h1);
}
.block__ixn-cards .inner .cards .card .card-text h3 {
  font: var(--type-h2);
}
.block__ixn-cards .inner .cards .card .card-text h4,
.block__ixn-cards .inner .cards .card .card-text h5 {
  font: var(--type-cta);
}
.block__ixn-cards .inner .cards .card .card-text p.b1 {
  font: var(--type-b1);
}
.block__ixn-cards .inner .cards .card .card-text a:link,
.block__ixn-cards .inner .cards .card .card-text a:visited {
  color: var(--color-text-primary);
  text-decoration: underline;
}
.block__ixn-cards .inner .cards .card .card-text a:link.btn,
.block__ixn-cards .inner .cards .card .card-text a:visited.btn {
  text-decoration: none;
}
.block__ixn-cards .inner .cards .card .card-text img {
  width: 100% !important;
  border-radius: var(--radius-medium);
}
.block__ixn-cards .inner .cards .card .card-text figure {
  width: 100% !important;
}
.block__ixn-cards .inner .cards .card .card-text figure figcaption {
  font: var(--type-b3);
}
.block__ixn-cards .inner .cards .card .card-text ul {
  list-style-position: outside;
  padding-left: 1.5em;
  list-style: none;
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-sm);
}
.block__ixn-cards .inner .cards .card .card-text li {
  margin-bottom: var(--spacing-xs);
}
.block__ixn-cards .inner .cards .card .card-text li:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  vertical-align: middle;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ5IDBMNTkuNiAxMC42TDEwLjYgNTkuNkwwIDQ5TDQ5IDBaIiBmaWxsPSIjMDBCMkU3Ii8+Cjwvc3ZnPgo=") no-repeat center center;
  background-size: contain;
}
.block__ixn-cards .inner .cards .card .card-text ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.block__ixn-cards .inner .cards .card .card-text ul,
.block__ixn-cards .inner .cards .card .card-text ol {
  margin-bottom: var(--spacing-md);
}
.block__ixn-cards.mode-wide .inner .cards {
  --card-width: calc((100% - (1 * var(--gap))) / 2);
}
.block__ixn-cards.mode-wide .inner .cards .card > * {
  max-width: 80%;
}
.block__ixn-cards.color-light {
  background: none;
  color: black;
}
.block__ixn-cards.color-light .cards .card {
  background: var(--color-white);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 768px) {
  .block__ixn-cards {
    padding: var(--spacing-md) 0;
  }
  .block__ixn-cards .inner {
    padding: 0 var(--spacing-md);
  }
  .block__ixn-cards .inner .cards {
    flex-direction: column;
    gap: var(--spacing-sm);
    --card-width: 100%;
  }
}