/* =========================
   AquaLoop Pools — Legal pages
   ========================= */

.alp-legal-hero {
  padding-top: 80px;
}

.alp-legal-hero-inner {
  max-width: 880px;
  margin: 0 auto;
}

.alp-legal-hero-copy {
  padding: 24px 20px 20px;
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(127, 240, 255, 0.22), transparent 60%),
    linear-gradient(150deg, rgba(6, 40, 61, 0.98), rgba(1, 12, 22, 0.98));
  box-shadow: var(--alp-shadow-soft);
}

.alp-legal-hero--terms .alp-legal-hero-copy {
  background:
    radial-gradient(circle at top, rgba(255, 127, 107, 0.24), transparent 60%),
    linear-gradient(150deg, rgba(6, 40, 61, 0.98), rgba(1, 12, 22, 0.98));
}

.alp-legal-title {
  margin: 4px 0 8px;
  font-size: 26px;
  line-height: 1.2;
}

.alp-legal-lead {
  margin: 0;
  font-size: 14px;
  color: var(--alp-color-text-muted);
}

/* =========================
   Legal content sections
   ========================= */

.alp-legal-section {
  padding-top: 40px;
}

.alp-legal-section-inner {
  max-width: 880px;
  margin: 0 auto;
  padding: 18px 20px;
  border-radius: 24px;
  background: rgba(0, 24, 38, 0.96);
  border: 1px solid rgba(127, 240, 255, 0.24);
  box-shadow: var(--alp-shadow-soft);
}

.alp-legal-subtitle {
  margin: 0 0 8px;
  font-size: 18px;
}

.alp-legal-text {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--alp-color-text-muted);
}

.alp-legal-list {
  margin: 0 0 6px 0;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--alp-color-text-muted);
}

.alp-legal-list li + li {
  margin-top: 4px;
}

.alp-legal-link {
  color: var(--alp-color-accent-soft);
  text-decoration: none;
  border-bottom: 1px dotted rgba(127, 240, 255, 0.7);
}

.alp-legal-link:hover {
  border-bottom-style: solid;
}

/* Footer active link state for legal */

.alp-footer-link--active {
  opacity: 1;
  font-weight: 600;
}

/* =========================
   Adaptive
   ========================= */

@media (max-width: 880px) {
  .alp-legal-hero-inner,
  .alp-legal-section-inner {
    max-width: 100%;
  }

  .alp-legal-hero-copy {
    padding: 20px 16px 18px;
  }

  .alp-legal-section-inner {
    padding: 16px 14px;
  }
}

@media (max-width: 640px) {
  .alp-legal-title {
    font-size: 22px;
  }

  .alp-legal-subtitle {
    font-size: 16px;
  }

  .alp-legal-text,
  .alp-legal-list {
    font-size: 13px;
  }
}