/* ═══ SISTEMA VISUAL DAS PÁGINAS LEGAIS — HYPE PROMPT ═══ */
*{box-sizing:border-box}
body{background:#0B0B0C;color:#EDEDEF;
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  margin:0;padding:28px 20px 60px;line-height:1.75;
  -webkit-font-smoothing:antialiased}
.lg-wrap{max-width:760px;margin:0 auto}
.lg-back{display:inline-flex;align-items:center;gap:6px;color:#8A8A92;
  font-size:13px;text-decoration:none;margin-bottom:28px;
  padding:8px 14px;border:1px solid #26262A;border-radius:999px;
  transition:all .2s}
.lg-back:hover{color:#fff;border-color:#4A4A50}

/* hero */
.lg-hero{margin-bottom:32px}
.lg-kicker{display:inline-block;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:#8A8A92;
  border:1px solid #26262A;border-radius:999px;padding:5px 12px;margin-bottom:14px}
.lg-hero h1{font-size:clamp(28px,6vw,40px);font-weight:900;letter-spacing:-.03em;
  margin:0 0 10px;
  background:linear-gradient(135deg,#fff 0%,#9A9AA2 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lg-sub{color:#9A9AA2;font-size:15px;margin:0 0 16px;max-width:56ch}
.lg-badges{display:flex;gap:8px;flex-wrap:wrap}
.lg-badges span{font-size:11px;font-weight:600;color:#B8B8C0;
  background:#141416;border:1px solid #26262A;border-radius:999px;padding:5px 12px}

/* sumário */
.lg-toc{background:#121214;border:1px solid #26262A;border-radius:16px;
  padding:18px 20px;margin-bottom:28px}
.lg-toc-tt{font-size:11px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#8A8A92;margin-bottom:10px}
.lg-toc ol{margin:0;padding-left:18px;columns:2;column-gap:28px;font-size:13px}
.lg-toc a{color:#C8C8D0;text-decoration:none}
.lg-toc a:hover{color:#fff}
@media(max-width:560px){.lg-toc ol{columns:1}}

/* seções */
.lg-sec{background:#121214;border:1px solid #26262A;border-radius:16px;
  padding:22px 22px 18px;margin-bottom:16px}
.lg-sec h2{display:flex;align-items:center;gap:12px;
  font-size:16px;font-weight:800;letter-spacing:-.01em;
  margin:0 0 12px;color:#fff}
.lg-num{flex:none;width:28px;height:28px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;color:#0B0B0C;
  background:linear-gradient(135deg,#fff 0%,#B8B8C0 100%)}
.lg-sec p{font-size:14px;color:#C8C8D0;margin:0 0 10px}
.lg-sec p:last-child{margin-bottom:0}
.lg-sec strong{color:#fff}
.lg-sec ul,.lg-sec ol.lg-list{margin:0 0 10px;padding-left:20px;
  font-size:14px;color:#C8C8D0}
.lg-sec li{margin-bottom:6px}
.lg-sec a{color:#fff}

/* destaque */
.lg-callout{border-left:3px solid #fff;background:#1A1A1D;
  border-radius:0 12px 12px 0;padding:14px 16px;margin:12px 0;
  font-size:13.5px;color:#E0E0E6}
.lg-callout b{color:#fff}

/* tabelas */
.lg-tab{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}
.lg-tab th,.lg-tab td{border:1px solid #26262A;padding:9px 12px;text-align:left;
  color:#C8C8D0}
.lg-tab th{color:#8A8A92;text-transform:uppercase;font-size:10.5px;
  letter-spacing:.08em;background:#16161A}

/* rodapé */
.lg-foot{margin-top:36px;padding-top:20px;border-top:1px solid #26262A;
  display:flex;flex-direction:column;gap:12px}
.lg-foot-nav{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px}
.lg-foot-nav a{color:#8A8A92;text-decoration:none}
.lg-foot-nav a:hover{color:#fff}
.lg-copy{font-size:11.5px;color:#5A5A62}