/* Páginas legais — coluna de leitura + índice lateral */
.legal{max-width:1440px;margin:0 auto;padding:38px 48px 20px;
  display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px;align-items:start}

.legal-nav{position:sticky;top:24px;display:flex;flex-direction:column;gap:2px;
  border-left:1px solid var(--line);padding-left:0}
.legal-nav a{font-size:13px;line-height:1.35;color:var(--muted);padding:9px 0 9px 16px;
  border-left:2px solid transparent;margin-left:-1px}
.legal-nav a:hover{color:var(--ink)}
.legal-nav a[aria-current="page"]{color:var(--ink);font-weight:700;border-left-color:var(--ink)}

.legal-body{max-width:74ch;padding-bottom:56px}
.legal-body h2{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:0 0 18px}
.legal-body h3{font-size:15px;font-weight:700;margin:34px 0 10px}
.legal-body p,.legal-body li{font-size:14px;line-height:1.65}
.legal-body .lead{font-size:16px;line-height:1.6;color:var(--muted);
  border-left:2px solid var(--ink);padding-left:16px;margin-bottom:8px}
.legal-body ul,.legal-body ol{padding-left:20px;margin:10px 0}
.legal-body li{margin-bottom:7px}
.legal-body a{text-decoration:underline;text-underline-offset:2px}
.legal-body strong{font-weight:700}

.legal-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px;display:block;
  overflow-x:auto}
.legal-table th,.legal-table td{border:1px solid var(--line);padding:9px 11px;
  text-align:left;vertical-align:top}
.legal-table th{background:var(--tile);font-size:11px;letter-spacing:.1em;text-transform:uppercase}

.form-box{border:1px solid var(--line);padding:20px 22px;margin:14px 0;background:#FCFCFD}
.form-box p{margin:0 0 12px}

.atualizado{margin-top:34px;padding-top:14px;border-top:1px solid var(--line);
  font-size:12px;color:var(--muted)}

/* rodapé com os links legais */
.foot-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:18px auto 0;
  max-width:900px}
.foot-legal a{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.foot-legal a:hover{color:var(--ink)}

@media (max-width:1023px){
  .legal{grid-template-columns:1fr;gap:26px;padding:26px 16px 10px}
  .legal-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:6px 14px;
    border-left:0;border-bottom:1px solid var(--line);padding-bottom:14px}
  .legal-nav a{padding:4px 0;border-left:0;margin-left:0;font-size:12px}
  .legal-nav a[aria-current="page"]{border-left:0;text-decoration:underline}
  .legal-body h2{font-size:23px}
  .legal-body{max-width:none}
}