/* Bank Block Styles */

.bank__content {
  margin-top: 1.5rem;
}

.bank-tabs__navigation {
  display: flex;
  overflow-x: auto;
  gap: 0.5rem;
}

.bank-tabs__title {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--primary-8);
  background: transparent;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  transition: color 0.3s ease;
}

.bank-tabs__title.--tab-active {
  border-color: var(--primary-4) !important;
  color: var(--primary-4);
}

.bank-tabs__content {
  margin-top: 1rem;
  background-color: var(--primary-1_1);
  border: 0.0625rem solid var(--primary-2);
  border-radius: 0.5rem;
  padding: 1rem;
}

.bank-tabs__body ol,
.bank-tabs__body ul {
  padding-left: 0;
  margin-bottom: 1rem;
}

.bank-tabs__body li {
  margin-left: 1rem;
  line-height: 1.5;
  color: var(--gray-11);
  font-size: 0.875rem;
}

.bank-tabs__body li:not(:last-child) {
  margin-bottom: 1rem;
}

.bank-tabs__body li strong {
  font-weight: 700;
}

.bank-tabs__body .no-marker {
  list-style: none !important;
  margin-left: 0;
}

.bank-tabs__body ul > li {
  list-style: disc;
}

.bank-tabs__body ol > li {
  list-style: decimal;
}

.bank-tabs__body ul ul,
.bank-tabs__body ol ol,
.bank-tabs__body ul ol,
.bank-tabs__body ol ul {
  margin-top: 1rem;
  margin-left: 1.5rem;
}

.bank-tabs__body ul ul > li {
  list-style: circle;
}

.bank-tabs__body ol ol > li {
  list-style: lower-alpha;
}

.bank-tabs__body ol ul > li,
.bank-tabs__body ul ol > li {
  list-style: disc;
}

@media (max-width: 61.99875em) {
  .bank-tabs__title {
    padding: 0.375rem 1rem;
  }
}

@media (min-width: 20em) and (max-width: 120em) {
  .bank__content {
    margin-top: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);
  }

  .bank-tabs__body li {
    font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
  }
}

@media (min-width: 61.99875em) {
  .bank__label {
    width: 50%;
  }
}

@media (min-width: 120em) {
  .bank__content {
    margin-top: 2.5rem;
  }

  .bank-tabs__body li {
    font-size: 1rem;
  }
}