/* ═══════════════════════════════════════════════════════════
   E SOCIEDADE, sistema de design (páginas internas)
   Mesma rampa do index.html: neutro grafite + acento latão.
   Nenhum segundo matiz cromático.
   ═══════════════════════════════════════════════════════════ */
:root{
  --n-950:#08090D; --n-900:#0B0D13; --n-850:#10131B; --n-800:#151924;
  --n-700:#1C2130; --n-600:#262D3F; --n-500:#39415A; --n-400:#5A6480;
  --n-300:#8892A8; --n-100:#D9DEE7; --n-050:#EFF2F6;
  --br-700:#7E6224; --br-500:#C2A052; --br-400:#D8BB78;

  --surface-0:var(--n-950); --surface-1:var(--n-900); --surface-2:var(--n-850);
  --border:var(--n-700); --border-hi:var(--n-600);
  --text:var(--n-050); --text-2:var(--n-300); --text-3:var(--n-400);
  --accent:var(--br-500); --accent-hi:var(--br-400); --accent-lo:var(--br-700);
  --focus:var(--br-400);

  --f-disp:'Archivo', system-ui, sans-serif;
  --f-body:'Instrument Sans', system-ui, sans-serif;
  --f-data:'Space Grotesk', ui-monospace, monospace;

  --r:2px; --hair:1px;
  --ease:cubic-bezier(.2,.7,.3,1); --t:.28s;
  --gut:clamp(20px,5vw,64px);
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--surface-0);color:var(--text);font-family:var(--f-body);font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
a:hover{color:var(--accent-hi)}
::selection{background:var(--accent);color:var(--n-950)}

.wrap{max-width:820px;margin:0 auto;padding:0 var(--gut)}

/* ─── Cabeçalho ─── */
.top{border-bottom:var(--hair) solid var(--border);background:var(--surface-1)}
.top .wrap{max-width:1240px;display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-family:var(--f-disp);font-weight:800;font-size:15px;letter-spacing:.01em}
.logo svg{width:22px;height:22px;flex:none}
.back{font-size:14px;color:var(--text-2);text-decoration:none;transition:color var(--t) var(--ease)}
.back:hover{color:var(--accent)}

/* ─── Corpo do documento ─── */
.doc{padding:clamp(56px,8vw,104px) 0 clamp(72px,9vw,120px)}
.eyebrow{font-family:var(--f-data);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px;margin-bottom:22px}
.eyebrow::before{content:'';width:22px;height:var(--hair);background:var(--accent-lo);flex:none}
h1{font-family:var(--f-disp);font-weight:800;font-variation-settings:'wdth' 118;font-size:clamp(32px,5.4vw,54px);line-height:1.02;letter-spacing:-.03em;margin-bottom:20px}
.stamp{font-family:var(--f-data);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding-bottom:34px;margin-bottom:40px;border-bottom:var(--hair) solid var(--border)}
h2{font-family:var(--f-disp);font-weight:600;font-variation-settings:'wdth' 108;font-size:clamp(20px,2.5vw,27px);letter-spacing:-.016em;line-height:1.2;margin:52px 0 16px;scroll-margin-top:80px}
h3{font-family:var(--f-disp);font-weight:600;font-size:18px;margin:32px 0 12px}
p{color:var(--text-2);margin-bottom:16px}
ul,ol{color:var(--text-2);margin:0 0 18px 0;padding-left:20px}
li{margin-bottom:9px}
li::marker{color:var(--accent-lo)}
strong{color:var(--text);font-weight:600}
code{font-family:var(--f-data);font-size:14px;color:var(--accent);background:var(--surface-2);padding:2px 6px;border-radius:var(--r)}

/* ─── Sumário ─── */
.toc{border:var(--hair) solid var(--border);background:var(--surface-1);border-radius:var(--r);padding:24px 28px;margin-bottom:48px}
.toc h2{font-family:var(--f-data);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);margin:0 0 14px;font-weight:400}
.toc ol{margin:0;padding-left:18px;columns:2;column-gap:32px}
.toc li{margin-bottom:7px}
.toc a{font-size:14.5px;text-decoration:none;color:var(--text-2);transition:color var(--t) var(--ease)}
.toc a:hover{color:var(--accent)}
@media(max-width:640px){.toc ol{columns:1}}

/* ─── Tabela de dados ─── */
table{width:100%;border-collapse:collapse;margin:22px 0 26px;font-size:14.5px}
th,td{text-align:left;padding:13px 14px;border:var(--hair) solid var(--border);vertical-align:top}
th{background:var(--surface-2);font-family:var(--f-data);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3);font-weight:400}
td{color:var(--text-2)}

/* ─── Bloco de destaque ─── */
.note{border-left:2px solid var(--accent);background:var(--surface-1);padding:20px 24px;margin:26px 0;border-radius:0 var(--r) var(--r) 0}
.note p:last-child{margin-bottom:0}

/* ─── Rodapé ─── */
footer{border-top:var(--hair) solid var(--border);background:var(--surface-1);padding:40px 0}
footer .wrap{max-width:1240px}
.fnav{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:22px}
.fnav a{font-size:13.5px;color:var(--text-2);text-decoration:none}
.fnav a:hover{color:var(--accent)}
.flegal{font-family:var(--f-data);font-size:10.5px;color:var(--text-3);letter-spacing:.06em;line-height:1.9}

a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms !important}}