.c-text--nation {
  max-width: 47.5rem;
  max-width: var(--paragraph-max-width);
}

.c-text--nation__content {
  background: #FFF;
  background: var(--color-white);
  border-top: 5px solid;
  border-bottom: 5px solid;
  margin-top: 0;
  border-color:  #201C40;
  border-color:  var(--nation-color, var(--color-deep-purple));
}

.c-text--nation > h2 {
  font-size: max(1.44rem, min(calc(1.29rem + 0.71vw), 1.95rem));
  font-size: var(--step-2);
}

.c-text--nation > h3 {
  font-size: max(1.20rem, min(calc(1.10rem + 0.50vw), 1.56rem));
  font-size: var(--step-1);
}

.c-text--nation > h2,
.c-text--nation > h3,
.c-text--nation > h4,
.c-text--nation > h5,
.c-text--nation > h6 {
  padding: max(0.50rem, min(calc(0.46rem + 0.17vw), 0.63rem)) max(0.75rem, min(calc(0.70rem + 0.26vw), 0.94rem)) calc(max(0.50rem, min(calc(0.46rem + 0.17vw), 0.63rem)) - 4px);
  padding: var(--space-2xs) var(--space-xs) calc(var(--space-2xs) - 4px);
  display: inline-block;
  background: #FFF;
  background: var(--color-white);
  line-height: 1;

  /* font-size: var(--step-1); */
  background-color: var(--nation-color);
}


.c-text--nation-colour-1 {
  --nation-color: var(--color-teal);
}

.c-text--nation-colour-2 {
  --nation-color:  var(--color-orange);
}

.c-text--nation-colour-3 {
  --nation-color:  var(--color-green);
}

.c-text--nation-colour-4 {
  --nation-color:  var(--color-hotpink);
}

.c-text--nation-colour-5 {
  --nation-color:  var(--color-yellow);
}

.c-text--nation-colour-4 h2,
.c-text--nation-colour-4 h3,
.c-text--nation-colour-4 h4,
.c-text--nation-colour-4 h5,
.c-text--nation-colour-4 h6 {
  color: #FFF;
  color: var(--color-white);
}

.c-highlighted-text-bold {
  background: #FFF;
  background: var(--color-white);
  border-left: 10px solid #201C40;
  border-left: 10px solid var(--color-deep-purple);
}

.c-highlighted-text-mute {
  background: #D6D3CF;
  background: var(--cpag-dark-warm-grey);
}

.c-highlighted-text-note {
  --box-space: var(--space-2xs) var(--space-s);

  background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%), #FF6D03;

  /* padding: var(--space-2xs) var(--space-s); */
}