/* Legal pages share landing tokens via styles.css */
.legal-body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(80% 50% at 0% 0%, rgba(40, 185, 245, 0.12), transparent 55%),
    radial-gradient(70% 45% at 100% 0%, rgba(242, 106, 33, 0.08), transparent 50%),
    #fff;
}

.legal-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--border);
}

.legal-nav .nav {
  height: 4rem;
}

.legal-nav .brand {
  color: var(--navy);
}

.legal-nav .brand-hahi {
  color: var(--blue);
}

.legal-nav .brand-koom {
  color: var(--orange);
}

.legal-nav .brand img {
  box-shadow: none;
}

.legal-nav .lang-switch {
  color: var(--navy);
  border-color: var(--border);
  background: #fff;
}

.legal-wrap {
  width: min(760px, calc(100% - 2.5rem));
  margin: 2.5rem auto 4rem;
}

.legal-wrap h1 {
  margin: 0 0 1rem;
  font-family: var(--font-display);
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  letter-spacing: -0.04em;
  color: var(--navy);
  line-height: 1.2;
}

.legal-wrap h2 {
  margin: 2rem 0 0.65rem;
  font-family: var(--font-display);
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  color: var(--navy);
}

.legal-wrap p {
  margin: 0 0 1rem;
  color: var(--muted);
}

.legal-wrap small {
  color: #8a97ab;
}

.legal-back {
  display: inline-flex;
  margin-bottom: 1.25rem;
  font-weight: 700;
  color: var(--blue);
}

.legal-back:hover {
  text-decoration: underline;
}