/* ═══════════════════════════════════════
   TERMS OF SERVICE PAGE
═══════════════════════════════════════ */

.tos-page {
  background: #F2F2F2;
  color: #303030;
}

/* ─── Content body ─── */
.tos-body {
  padding: 0 5.208vw 6.25vw;
  max-width: 90.833vw;
}

.tos-body__title {
  font-family: var(--font-display);
  font-size: 1.875vw;
  font-weight: 400;
  color: #303030;
  text-transform: none;
  margin-bottom: 2.5vw;
  line-height: 1.2;
}

.tos-body__intro {
  font-family: var(--font-display);
  font-size: 1.25vw;
  font-weight: 400;
  color: #303030;
  line-height: 1.7;
  text-align: justify;
  margin-bottom: 3vw;
}

.tos-section {
  margin-bottom: 2.5vw;
}

.tos-section__heading {
  font-family: var(--font-display);
  font-size: 1.25vw;
  font-weight: 400;
  color: #303030;
  text-transform: none;
  margin-bottom: 1vw;
  line-height: 1.4;
}

.tos-section__text {
  font-family: var(--font-display);
  font-size: 1.25vw;
  font-weight: 400;
  color: #303030;
  line-height: 1.7;
  text-align: justify;
}

.tos-section__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.83vw;
}

.tos-section__list li {
  font-family: var(--font-display);
  font-size: 1.25vw;
  font-weight: 400;
  color: #303030;
  line-height: 1.7;
  text-align: justify;
  padding-left: 1.25vw;
  position: relative;
}

.tos-section__list li::before {
  content: '—';
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--font-display);
  font-size: 1.25vw;
}

.tos-section__list li strong {
  font-weight: 600;
}

.tos-section__date {
  font-family: var(--font-display);
  font-size: 1.25vw;
  font-weight: 400;
  color: #303030;
  line-height: 1.7;
  margin-bottom: 2.5vw;
}

.tos-section__sublist {
  list-style: none;
  padding: 0;
  margin: 0.5vw 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.4vw;
}

.tos-section__sublist li {
  font-family: var(--font-display);
  font-size: 1.25vw;
  font-weight: 400;
  color: #303030;
  line-height: 1.7;
  text-align: justify;
  padding-left: 1.25vw;
  position: relative;
  counter-increment: subitem;
}

.tos-section__sublist {
  counter-reset: subitem;
}

.tos-section__sublist li::before {
  content: counter(subitem) '.';
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--font-display);
  font-size: 1.25vw;
}