/* Páginas legais (/privacidade, /termos): índice fixo à esquerda, texto largo à direita */
.lg { max-width: 1180px; margin: 0 auto; padding: 128px 24px 96px; display: grid; grid-template-columns: 240px 1fr; gap: 64px; }
.lg-side { position: sticky; top: 112px; align-self: start; font-size: .92rem; }
.lg-side a { display: block; padding: 6px 0; color: inherit; opacity: .65; text-decoration: none; }
.lg-side a:hover, .lg-side a[aria-current] { opacity: 1; }
.lg-side .lg-docs { margin-top: 24px; padding-top: 16px; border-top: 1px solid rgba(0,0,0,.1); }
.lg-body { max-width: 860px; line-height: 1.7; }
.lg-body h1 { margin-bottom: 6px; }
.lg-body h2 { margin: 40px 0 8px; font-size: 1.25rem; scroll-margin-top: 112px; }
.lg-body ul { padding-left: 1.2em; }
.lg-body li { margin: 4px 0; }
.lg-data { opacity: .65; }
@media (max-width: 860px) {
  .lg { grid-template-columns: 1fr; gap: 24px; padding: 104px 16px 72px; }
  .lg-side { position: static; }
  .lg-side nav:first-child { display: none; }
  .lg-side .lg-docs { margin: 0; padding: 0; border: 0; display: flex; gap: 20px; }
}