/* Legal pages (privacy, terms, accessibility) — revisão 2, 2026-09-24.
   Reading layout reused from the Academy module page (academy.css: .mhead .meta,
   .chip, .sect). Only what is specific to the legal documents lives here (.lg-). */

/* hero: the section sign is the legal signature, in the eyebrow colour */
.lg-hero .lede{max-width:64ch}
.lg-mark{font:400 15px/1 var(--font-h);letter-spacing:0;margin-right:4px}

/* the document: comfortable measure, body text at reading size */
.lg-doc{max-width:1000px}
.lg-doc .sect .body{max-width:66ch}
.lg-doc .sect .body>p{font-size:var(--t-body);line-height:1.7;color:var(--text)}
.lg-doc .sect>h2{font-size:var(--t-h3);line-height:1.2;padding-top:3px}

/* e-mail inside the text: an action, so it carries the accent */
.lg-mail{color:var(--orange-t);text-decoration:none;border-bottom:1px solid rgba(165,72,26,.4);overflow-wrap:anywhere}
.lg-mail:hover{border-bottom-color:var(--orange-t)}
.phero .lg-mail{color:#fff;border-bottom-color:rgba(224,122,58,.7)}
.phero .lg-mail:hover{border-bottom-color:var(--orange)}

/* the three legal documents, side by side */
.lg-docs{max-width:1000px;display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(4px,1vw,12px);padding-top:clamp(24px,3vw,32px);border-top:1px solid var(--line)}
.lg-docs a{display:inline-flex;align-items:center;padding:11px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--head);font:500 15px/1 var(--font-b);text-decoration:none}
.lg-docs a:hover{border-color:rgba(224,122,58,.7)}
.lg-docs a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}