/* Legal pages: Privacy Policy, Terms of Service */

.pi-legal { position: relative; overflow: hidden; padding: 180px 70px 140px; box-sizing: border-box; }
.pi-legal__glow { position: absolute; right: -308px; top: -344px; width: 1000px; height: 1000px; max-width: none; z-index: 0; pointer-events: none; }
.pi-legal__container { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; }
.pi-legal__title { margin: 0; font-family: var(--pi-font-body); font-weight: 400; font-size: var(--pi-h1-size); line-height: var(--pi-h1-line); letter-spacing: -0.02em; color: var(--pi-text-primary); }
.pi-legal__updated { margin: 16px 0 48px; font-family: var(--pi-font-body); font-size: 16px; line-height: 26px; color: var(--pi-text-muted); }

.pi-legal__body { font-family: var(--pi-font-body); font-size: var(--pi-body-size); line-height: var(--pi-body-line); color: var(--pi-text-body); }
.pi-legal__body p { margin: 0 0 24px; }
.pi-legal__body ul { margin: 0 0 24px; padding-left: 24px; }
.pi-legal__body li { margin-bottom: 12px; }
.pi-legal__body li:last-child { margin-bottom: 0; }
.pi-legal__body strong { font-weight: 700; color: var(--pi-text-primary); }
.pi-legal__body a { color: var(--pi-text-primary); text-decoration: underline; }
.pi-legal__body h2 { margin: 56px 0 24px; font-weight: 400; font-size: var(--pi-h2-size); line-height: var(--pi-h2-line); letter-spacing: -0.02em; color: var(--pi-text-primary); }
.pi-legal__body h2:first-child { margin-top: 0; }
.pi-legal__body h3 { margin: 40px 0 20px; font-weight: 400; font-size: var(--pi-h3-size); line-height: var(--pi-h3-line); letter-spacing: -0.02em; color: var(--pi-text-primary); }

@media (max-width: 1023.98px) {
  .pi-legal { padding: 120px 20px 72px; }
  .pi-legal__glow { --pi-glow-opacity: 0.7; opacity: var(--pi-glow-opacity); }
  .pi-legal__title { font-size: var(--pi-m-h2-size); line-height: var(--pi-m-h2-line); }
  .pi-legal__body { font-size: var(--pi-m-body-size); line-height: var(--pi-m-body-line); }
  .pi-legal__body h2 { font-size: var(--pi-m-h3-size); line-height: var(--pi-m-h3-line); margin: 48px 0 20px; }
  .pi-legal__body h3 { font-size: 20px; line-height: 28px; margin: 32px 0 16px; }
}