/* --- Legal pages --- */
.how__container h1 {
  font-size: 32px;
  font-weight: 700;
  color: var(--color-title, #000);
  margin-bottom: 8px;
}

.how__container h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--color-title, #000);
  margin-top: 32px;
  margin-bottom: 12px;
}

.how__container h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-title, #000);
  margin-top: 24px;
  margin-bottom: 8px;
}

.how__container p {
  margin-bottom: 12px;
  line-height: 1.6;
}

.how__container ul,
.how__container ol {
  margin-bottom: 12px;
  padding-left: 24px;
}

.how__container li {
  margin-bottom: 6px;
  line-height: 1.5;
}

.how__container table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}

.how__container th,
.how__container td {
  border: 1px solid #ccc;
  padding: 8px 12px;
  text-align: left;
}

.how__container th {
  background: #f4f4f4;
  font-weight: 700;
}

.how__container a {
  color: #009fc4;
  text-decoration: underline;
}

/* --- Dark mode overrides --- */
@media (prefers-color-scheme: dark) {
  .body {
    color: #b0b0b0;
    background: #121212;
  }

  .title-main,
  .title-default,
  .banner__title,
  .how__item-title,
  .how__desc,
  .banner__desc,
  .header__menu-link,
  .footer__menu-link,
  .fixed-menu__menu-link,
  .custom-input__input {
    color: #e8e8e8;
  }

  .header {
    box-shadow: 0 1px 1px 0 rgba(255,255,255,.08);
  }

  .footer {
    background: #1a1a1a;
  }

  .how__item-small {
    border-color: #444;
  }

  .pricing__content {
    background: #1a3340;
  }

  .pricing__table tr:nth-child(odd) {
    background: #1e1e1e;
  }

  .pricing__table td {
    color: #b0b0b0;
  }

  .pricing__table-wrapper {
    background: #2a2a2a;
  }

  .how__item-big {
    background: linear-gradient(0deg,#5a2a58 0,#2a5a68 100%);
  }

  .how__item-image {
    background: linear-gradient(0deg,#5a2a58 0,#2a5a68 100%);
  }

  .banner__pagination .swiper-pagination-bullet::after {
    background-color: #666;
  }

  .banner__pagination .swiper-pagination-bullet-active::after {
    background-color: #00b8e0;
  }

  .custom-input__input {
    border-bottom-color: #e8e8e8;
  }

  .custom-input__placeholder {
    color: #b0b0b0;
  }

  .btn-default {
    background: #00b8e0;
  }

  .btn-default_pink {
    background: #e040d0;
  }

  .btn-login {
    color: #00b8e0;
    border-color: #00b8e0;
  }

  .header__menu-link:hover,
  .footer__menu-link:hover {
    color: #00b8e0;
  }

  .banner__image::before {
    background: rgba(0,0,0,.7);
  }

  .footer__rights {
    color: #888;
  }

  .start {
    background: #121212;
  }

  .faq__item-name strong {
    color: #e8e8e8;
  }

  .faq__item-content p,
  .faq__item-content li {
    color: #b0b0b0;
  }

  .how__container h1,
  .how__container h2,
  .how__container h3 {
    color: #e8e8e8;
  }

  .how__container table th,
  .how__container table td {
    border-color: #444;
  }

  .how__container table th {
    background: #1e1e1e;
    color: #e8e8e8;
  }

  .how__container table td {
    color: #b0b0b0;
  }

  .how__container a {
    color: #00b8e0;
  }
}