.legal-topo { background: var(--chocolate-escuro); color: var(--linho); padding: calc(.9rem + env(safe-area-inset-top, 0px)) 1.2rem .9rem; }
.legal { max-width: 720px; margin: 0 auto; padding: 2rem 1.2rem 4rem; display: grid; gap: .9rem; }
.legal h1 { font-size: 2rem; color: var(--chocolate); }
.legal h2 { font-size: 1.25rem; color: var(--chocolate); margin-top: 1rem; }
.legal p, .legal li { color: var(--texto-suave); }
.legal ul { margin: 0; padding-left: 1.2rem; display: grid; gap: .4rem; }
.versao { font-size: .85rem; background: var(--laranja-suave); color: var(--laranja-escuro) !important; padding: .55rem .8rem; border-radius: 10px; justify-self: start; }