/* Prosa das paginas legais. Carregado DEPOIS de base.css.
   Movido de <style> inline para arquivo, sem alterar uma regra.
   O objetivo e poder tirar 'unsafe-inline' de style-src na CSP: com ele,
   qualquer estilo injetado numa pagina e aplicado pelo navegador. */

        /* Prosa legal */
        .legal { max-width:760px; margin:0 auto; padding:56px 20px 72px; }
        .legal h1 { font-size:1.9rem; font-weight:800; color:var(--color-navy); line-height:1.15; margin:0 0 .4rem; }
        .legal .lead { color:#6b7280; font-size:.9rem; margin:0 0 2rem; }
        .legal h2 { font-size:1.05rem; font-weight:700; color:var(--color-navy); margin:1.9rem 0 .5rem; }
        /* Subseção dentro de uma seção numerada (ex: "4.1"). Um degrau abaixo do h2:
           mesmo peso não daria hierarquia, e tamanho de corpo apagaria o título. */
        .legal h3 { font-size:.95rem; font-weight:700; color:var(--color-navy); margin:1.35rem 0 .4rem; }
        .legal p { font-size:.925rem; line-height:1.75; color:#374151; margin-bottom:.85rem; }
        .legal ul { padding-left:1.25rem; margin-bottom:.85rem; }
        .legal li { font-size:.925rem; line-height:1.7; color:#374151; margin-bottom:.4rem; }
        .legal .updated { font-size:.78rem; color:#9ca3af; margin-top:2.5rem; padding-top:1rem; border-top:1px solid #e5e7eb; }
        .legal .backlink { display:inline-flex; align-items:center; gap:6px; font-size:.85rem; font-weight:600; color:var(--color-cerulean); text-decoration:none; margin-bottom:1.75rem; }
        .legal .backlink:hover { text-decoration:underline; }