/* ============================
   GlowRiver Lights — legal.css
   Ümumi hüquqi səhifə stilləri
   ============================ */

.gr-body--legal {
  /* фон чуть мягче, чем на основных страницах */
  background:
    radial-gradient(circle at 10% 0, rgba(79, 242, 255, 0.18), transparent 55%),
    radial-gradient(circle at 90% 0, rgba(255, 95, 183, 0.18), transparent 55%),
    linear-gradient(160deg, #020712, #050b1d 55%, #02050f);
}

/* Основной контейнер для текста legal-страниц */
.gr-main.gr-main--legal,
.gr-body--legal .gr-main {
  max-width: 1040px;
  margin-inline: auto;
  padding-inline: 16px;
}

/* Блоки разделов */
.gr-legal-section {
  max-width: 900px;
  margin: 0 auto 18px auto;
  padding: 16px 18px 18px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(79, 242, 255, 0.18), transparent 65%),
    rgba(7, 16, 34, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.32);
}

/* Первый блок можно сделать чуть более выделенным */
.gr-legal-section:first-of-type {
  margin-top: 10px;
}

/* Заголовки внутри legal */
.gr-legal-section h1,
.gr-legal-section h2,
.gr-legal-section h3 {
  font-family: "GlowRiverDisplay", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--gr-text, #f9fcff);
  margin-top: 0;
}

/* H1 — крупный заголовок страницы */
.gr-legal-section h1 {
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 10px;
}

/* H2 — разделы */
.gr-legal-section h2 {
  font-size: 18px;
  line-height: 1.35;
  margin-bottom: 8px;
}

/* H3 — подзаголовки внутри списков/блоков */
.gr-legal-section h3 {
  font-size: 14px;
  margin-bottom: 4px;
}

/* Текст и абзацы */
.gr-legal-section p {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--gr-text-muted, #c4d3e9);
}

/* Списки */
.gr-legal-section ul,
.gr-legal-section ol {
  margin: 0 0 10px 0;
  padding-left: 18px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--gr-text-muted, #c4d3e9);
}

.gr-legal-section li {
  margin-bottom: 4px;
}

/* Ссылки внутри legal */
.gr-legal-section a {
  color: #9be9ff;
  text-decoration: none;
  border-bottom: 1px dashed rgba(155, 233, 255, 0.6);
  padding-bottom: 1px;
  transition:
    color 0.2s ease,
    border-color 0.2s ease,
    text-shadow 0.2s ease;
}

.gr-legal-section a:hover {
  color: #ffffff;
  border-bottom-color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 0 8px rgba(79, 242, 255, 0.8);
}

/* Выделение strong внутри текста */
.gr-legal-section strong {
  color: var(--gr-text, #f9fcff);
}

/* Отдельный маленький дисклеймер внизу, если нужно */
.gr-legal-section:last-of-type p:last-of-type {
  font-size: 12px;
  color: var(--gr-text-muted, #c4d3e9);
}

/* Немного воздуха под футером на legal-страницах */
.gr-body--legal .gr-footer {
  margin-top: 8px;
}

/* ============================
   RESPONSIVE
   ============================ */

@media (max-width: 768px) {
  .gr-main.gr-main--legal,
  .gr-body--legal .gr-main {
    padding-inline: 12px;
  }

  .gr-legal-section {
    padding: 14px 14px 16px;
    margin-bottom: 14px;
    border-radius: 16px;
  }

  .gr-legal-section h1 {
    font-size: 20px;
  }

  .gr-legal-section h2 {
    font-size: 16px;
  }

  .gr-legal-section p,
  .gr-legal-section ul,
  .gr-legal-section ol {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .gr-legal-section {
    padding: 12px 12px 14px;
  }
}