/* static/css/legal-pages.css
   Extraído dos <style> inline de ajuda.html, privacidade.html,
   seguranca-infantil.html e termos.html na migração CSP style-src
   2026-08-03 (achado no scan final antes de tirar unsafe-inline do
   header: essas 4 páginas legais tinham <style> inline próprio, que
   ficaria sem efeito assim que unsafe-inline saísse -- blind spot do
   inventário original, igual privacidade-conta.js foi).
   As 4 páginas usavam variações quase idênticas do mesmo template --
   união de todas as regras num arquivo só (seletor não usado numa
   página específica simplesmente não casa com nada nela, inofensivo). */
body{font-family:-apple-system,sans-serif;max-width:700px;margin:0 auto;padding:32px 20px 80px;color:#1a1a2e;line-height:1.7}
h1{color:#7c3aed;font-size:22px;margin-bottom:4px}
h2{font-size:16px;margin-top:32px;color:#5b21b6}
p,li{font-size:14px;color:#444}
a{color:#7c3aed}
table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}
th,td{border:1px solid #ddd;padding:8px 10px;text-align:left}
th{background:#f5f0ff}
.updated{font-size:12px;color:#888;margin-bottom:28px}
.card{border:1px solid #e5ddfa;border-radius:12px;padding:16px 18px;margin:12px 0;background:#faf8ff}
.card b{display:block;font-size:15px;color:#1a1a2e;margin-bottom:4px}
.card a{font-size:14px;font-weight:600}
.card p{margin:6px 0 0;font-size:13px;color:#666}