.abifx-ngn-rate-card {
  box-sizing: border-box;
  width: 100%;
  margin-block: 1.25rem;
  padding: clamp(1rem, 4vw, 1.75rem);
  border: 1px solid #ccdeda;
  border-radius: 14px;
  background: #f1f8f6;
  color: #12332e;
  font: inherit;
}
.abifx-ngn-rate-card .abifx-ngn-rate-title {
  display: block;
  margin: 0 0 .75rem;
  color: #12332e;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.35;
}
.abifx-ngn-rate-card .abifx-individual-ngn-reference > p,
.abifx-ngn-rate-card .abifx-individual-ngn-market > p {
  margin: 0 0 .35rem;
  color: #365a54;
  font-size: .9rem;
  line-height: 1.5;
}
.abifx-ngn-rate-card .abifx-individual-ngn-reference strong,
.abifx-ngn-rate-card .abifx-individual-ngn-market strong {
  display: block;
  color: #12332e;
  font-size: clamp(1.25rem, 5vw, 2rem);
  line-height: 1.25;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.abifx-ngn-rate-card .abifx-individual-ngn-reference + .abifx-individual-ngn-market {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #ccdeda;
}
.abifx-ngn-rate-card .abifx-individual-ngn-reference > :last-child,
.abifx-ngn-rate-card .abifx-individual-ngn-market > :last-child {
  margin-bottom: 0;
}

.abifx-inline-ngn-rate {
  padding: .12em .4em;
  border: 1px solid #ccdeda;
  border-radius: .35em;
  background: #f1f8f6;
  color: #365a54;
  font: inherit;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.abifx-inline-ngn-rate strong {
  color: #12332e;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.abifx-inline-ngn-rate .abifx-individual-ngn-reference > span + span::before,
.abifx-inline-ngn-rate .abifx-individual-ngn-market > span + span::before,
.abifx-inline-ngn-rate .abifx-individual-ngn-reference + .abifx-individual-ngn-market::before {
  content: " \00b7  ";
}
