/*** TOPIC CARD BEGIN ****/

.step-block * {
  color: white;
}

.step-block .sb-wrap {
  padding: 1.22rem;
  padding: var(--border-margin);
}

.sb-header {
  margin-bottom: 2.7rem;
}

.sb-header .sb-title {
  font-size: clamp(3rem, 6vw, 4rem);
  font-weight: bold;
  line-height: 0.96;
}

.sb-header > p {
  margin-top: 1rem;
}

.sb-article {
  margin-bottom: 2.5rem;
}

.sb-article:last-child,
.sb-article:only-child {
  margin-bottom: 0;
}

.sb-article h4 {
  font-size: clamp(1.33rem, 2vw, 1.55rem);
  font-weight: bold;
  color: #9c3587;
  color: var(--red-base);
  margin-bottom: 0.8rem;
}

.sb-article p {
  margin-bottom: 1rem;
  font-size: clamp(1rem, 2vw, 1.11rem);
  font-size: var(--ts-large-body);
  line-height: 1.5;
}

.sb-article ul,
.sb-article ol {
  margin-bottom: 1rem;
  margin-left: 1.5rem;
  font-size: clamp(1rem, 2vw, 1.11rem);
  font-size: var(--ts-large-body);
}
.sb-article ol li {
  list-style: decimal;
}

.sb-article ul li {
  list-style: square;
}

@media only screen and (min-width: 576px) {
  .gc-header .sb-title {
    font-size: clamp(2.8rem, 6vw, 4rem);
  }
}

@media only screen and (min-width: 768px) {
  .gc-header .sb-title {
    font-size: clamp(3.5rem, 6vw, 4rem);
  }
  .step-block .sb-wrap {
    padding: 3rem;
  }
}

/*** TOPIC CARD END ****/