/* Páginas legais: mesmos tokens da página principal */
:root{
  --bg:#F3F7F8; --surface:#FFFFFF; --ink:#0C2631; --muted:#4D646D; --line:#D3DFE3;
  --brand:#0B4F5C; --brand-ink:#FFFFFF; --logo:#0B4F5C; --gold:#D9A21B; --soft:#E6EFF1; --focus:#0B4F5C;
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --body:"Figtree","Segoe UI",system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0A1519; --surface:#11222A; --ink:#E8F1F3; --muted:#9AB0B8; --line:#23383F;
  --brand:#5CC4D4; --brand-ink:#04252B; --logo:#5CC4D4; --gold:#E7B33A; --soft:#152A32; --focus:#5CC4D4; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0A1519; --surface:#11222A; --ink:#E8F1F3; --muted:#9AB0B8; --line:#23383F;
  --brand:#5CC4D4; --brand-ink:#04252B; --logo:#5CC4D4; --gold:#E7B33A; --soft:#152A32; --focus:#5CC4D4; color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--body);padding-inline:16px;padding-block:0 56px;-webkit-text-size-adjust:100%}
a{color:var(--brand)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
.wrap{max-width:760px;margin-inline:auto}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px;border-bottom:1px solid var(--line)}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo svg{width:36px;height:36px;flex:none}
.logo-ring{fill:none;stroke:var(--logo);stroke-width:6;stroke-linecap:round}
.logo-dot{fill:var(--gold)}
.logo-word{font:800 20px/1 var(--display);letter-spacing:-.03em;display:flex;flex-direction:column;gap:2px}
.logo-word small{font:700 10px/1 var(--body);letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}
.back{font-weight:600;text-decoration:none;min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:10px;box-shadow:inset 0 0 0 2px var(--line);color:var(--ink)}
.back:hover{box-shadow:inset 0 0 0 2px var(--brand)}
.doc{padding-block:40px}
.eyebrow{font:700 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
h1{font:800 clamp(2rem,5vw,2.8rem)/1.08 var(--display);letter-spacing:-.02em;margin:14px 0 8px;text-wrap:balance}
.intro{color:var(--muted)}
h2{font:700 1.35rem/1.2 var(--display);letter-spacing:-.01em;margin:0 0 10px;text-wrap:balance;display:flex;gap:10px;align-items:baseline}
h2 .n{font:800 13px/1 var(--body);letter-spacing:.08em;color:var(--brand);flex:none;min-width:2ch}
section{padding-block:22px;border-top:1px solid var(--line);margin-top:22px}
section p{margin:0 0 12px;max-width:68ch}
section ul{margin:0 0 12px;padding-left:1.2em;display:grid;gap:8px;max-width:68ch}
section li::marker{color:var(--brand)}
mark.fill{background:#FFE08A;color:#2A1E00;padding:0 .25em;border-radius:3px}
footer{padding-block:28px;border-top:1px solid var(--line);margin-top:12px;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;color:var(--muted)}
footer a{color:var(--muted)}
