/* ENVAIOS LEGAL PAGES (Privacy Policy, Terms of Use). Loaded after
   envaios-landing.css, which supplies the tokens, nav and footer. */

.lg-article { padding-top: 72px; padding-bottom: 96px; }
.lg-head { max-width: 760px; margin-bottom: 40px; }
.lg-title { margin-top: 16px; font-size: var(--t-h1-size); line-height: var(--t-h1-lh); letter-spacing: var(--t-h1-track); }

.lg-prose { max-width: 760px; font-size: var(--t-body-size); line-height: 1.7; color: var(--fg-2); }
.lg-prose > p:first-child { font-size: var(--t-small-size); color: var(--fg-3); margin-bottom: 28px; }
.lg-prose h2 { margin: 48px 0 12px; font-family: var(--font-display); font-weight: 600; font-size: var(--t-h3-size); line-height: var(--t-h3-lh); letter-spacing: var(--t-h3-track); color: var(--fg-1); }
.lg-prose h3 { margin: 28px 0 8px; font-family: var(--font-display); font-weight: 600; font-size: var(--t-h4-size); line-height: var(--t-h4-lh); letter-spacing: var(--t-h4-track); color: var(--fg-1); }
.lg-prose p { margin: 0 0 16px; }
.lg-prose ul { margin: 0 0 16px; padding-left: 22px; }
.lg-prose li { margin: 0 0 8px; }
.lg-prose li::marker { color: var(--fg-muted); }
.lg-prose strong { font-weight: 600; color: var(--fg-1); }
.lg-prose a { color: var(--verified-text); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.lg-prose a:hover { color: var(--fg-1); }

@media (max-width: 600px) {
  .lg-article { padding-top: 48px; padding-bottom: 64px; }
  .lg-title { font-size: 34px; }
  .lg-prose h2 { margin-top: 40px; font-size: 21px; }
  .lg-prose h3 { font-size: 18px; }
}