/* Luzia · tradutor de leis no portal do Tribunal.
   Paleta do produto: verde escuro de base, verde-água de acento. */
#luzia-app{--lz-bg:#0B211B;--lz-bg2:#0F2A22;--lz-bg3:#143a2e;--lz-g:#50BD92;--lz-g2:#7BD9B4;
  --lz-tx:#E6F2EC;--lz-tx2:#A9C4B8;--lz-tx3:#7E9B8E;--lz-hair:rgba(230,242,236,.13);
  background:var(--lz-bg);color:var(--lz-tx);font-family:'Inter',system-ui,sans-serif;
  display:grid;grid-template-columns:266px minmax(0,1fr);min-height:560px}
@media(max-width:800px){#luzia-app{grid-template-columns:1fr}}

/* ---- coluna da esquerda: escolher a lei ---- */
.lz-nav{background:var(--lz-bg2);border-right:1px solid var(--lz-hair);padding:20px 18px 26px}
@media(max-width:800px){.lz-nav{border-right:0;border-bottom:1px solid var(--lz-hair)}}
.lz-marca{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.lz-marca img{height:26px;width:auto}
.lz-marca span{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--lz-tx3);border-left:1px solid var(--lz-hair);padding-left:9px}
.lz-nav .sub{font-size:11.5px;color:var(--lz-tx3);line-height:1.5;margin:0 0 18px}
.lz-busca{display:flex;align-items:center;gap:9px;background:rgba(230,242,236,.06);
  border:1px solid var(--lz-hair);border-radius:8px;padding:9px 12px;margin-bottom:14px}
.lz-busca input{flex:1;background:0;border:0;outline:0;color:var(--lz-tx);font:inherit;font-size:12.5px}
.lz-busca input::placeholder{color:var(--lz-tx3)}
.lz-busca svg{flex:none;color:var(--lz-tx3)}
.lz-temas{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.lz-temas button{border:1px solid var(--lz-hair);background:0;color:var(--lz-tx2);border-radius:999px;
  padding:4px 11px;font:inherit;font-size:11px;cursor:pointer;transition:all .22s}
.lz-temas button:hover{border-color:var(--lz-g);color:var(--lz-tx)}
.lz-temas button.on{background:var(--lz-g);border-color:var(--lz-g);color:#08221B;font-weight:500}
.lz-k{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--lz-tx3);margin:0 0 10px}
.lz-leis{display:flex;flex-direction:column;gap:6px}
.lz-lei{text-align:left;border:1px solid transparent;background:rgba(230,242,236,.04);border-radius:7px;
  padding:10px 12px;cursor:pointer;font:inherit;color:inherit;transition:all .22s}
.lz-lei:hover{background:rgba(230,242,236,.08);border-color:var(--lz-hair)}
.lz-lei.on{background:rgba(80,189,146,.13);border-color:var(--lz-g)}
/* no cartão selecionado o fundo clareia: a linha de referência precisa subir junto */
.lz-lei.on span{color:var(--lz-tx2)}
.lz-lei b{display:block;font-size:12.5px;font-weight:500;line-height:1.3}
.lz-lei span{display:block;font-size:10.5px;color:var(--lz-tx3);margin-top:3px}
.lz-vazio{font-size:11.5px;color:var(--lz-tx3);padding:10px 2px;margin:0}

/* ---- coluna da direita: a tradução ---- */
.lz-main{padding:22px 24px 26px;min-width:0}
@media(max-width:560px){.lz-main{padding:18px 16px 22px}}
.lz-titulo{font-family:'Archivo',system-ui,sans-serif;font-size:20px;font-weight:700;line-height:1.15;margin:0;
  text-transform:none;letter-spacing:0}
.lz-meta{font-size:11.5px;color:var(--lz-tx3);margin:5px 0 16px}
.lz-arts{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.lz-arts button{border:1px solid var(--lz-hair);background:0;color:var(--lz-tx2);border-radius:6px;
  padding:5px 12px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;
  cursor:pointer;transition:all .22s}
.lz-arts button:hover{border-color:var(--lz-g);color:var(--lz-tx)}
.lz-arts button.on{background:var(--lz-g);border-color:var(--lz-g);color:#08221B}

.lz-par{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:start}
@media(max-width:760px){.lz-par{grid-template-columns:1fr}}
.lz-cx{border:1px solid var(--lz-hair);border-radius:9px;padding:14px 16px;background:rgba(230,242,236,.04)}
.lz-cx.saida{background:rgba(80,189,146,.07);border-color:rgba(80,189,146,.3)}
.lz-cx .ck{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--lz-tx3);margin-bottom:9px;display:flex;align-items:center;gap:8px}
.lz-cx.saida .ck{color:var(--lz-g)}
.lz-orig{font-size:12px;line-height:1.7;color:var(--lz-tx2);margin:0;font-family:Georgia,serif}
.lz-trad{font-size:14.5px;line-height:1.6;color:var(--lz-tx);margin:0}
.lz-fonte{font-size:10.5px;color:var(--lz-tx3);margin:10px 0 0;padding-top:9px;border-top:1px solid var(--lz-hair)}

/* termo do glossário, explicado no lugar */
.lz-t{border-bottom:1px dashed var(--lz-g);cursor:help;position:relative;color:var(--lz-g2)}
.lz-t:hover .lz-tip,.lz-t:focus .lz-tip{opacity:1;visibility:visible;transform:translateY(0)}
.lz-tip{position:absolute;left:0;bottom:calc(100% + 8px);width:230px;background:#08221B;
  border:1px solid var(--lz-g);border-radius:7px;padding:10px 12px;font-size:11.5px;line-height:1.5;
  color:var(--lz-tx);opacity:0;visibility:hidden;transform:translateY(4px);
  transition:all .2s;z-index:5;font-family:'Inter',sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.5)}

/* o que muda para você, por perfil */
.lz-efeito{margin-top:18px;border:1px solid var(--lz-hair);border-radius:9px;overflow:hidden}
.lz-efeito .eh{background:rgba(230,242,236,.05);padding:11px 16px;display:flex;align-items:center;
  gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--lz-hair)}
.lz-efeito .eh b{font-size:12.5px;font-weight:600}
.lz-perfis{display:flex;gap:5px;flex-wrap:wrap;margin-left:auto}
.lz-perfis button{border:1px solid var(--lz-hair);background:0;color:var(--lz-tx3);border-radius:999px;
  padding:3px 10px;font:inherit;font-size:10.5px;cursor:pointer;transition:all .22s}
.lz-perfis button:hover{color:var(--lz-tx);border-color:var(--lz-g)}
.lz-perfis button.on{background:rgba(80,189,146,.18);border-color:var(--lz-g);color:var(--lz-g2)}
.lz-efeito ul{list-style:none;margin:0;padding:13px 16px 15px}
.lz-efeito li{position:relative;padding-left:20px;font-size:13.5px;line-height:1.55;color:var(--lz-tx2);
  margin-bottom:9px}
.lz-efeito li:last-child{margin-bottom:0}
.lz-efeito li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:1px;background:var(--lz-g)}

/* rodapé: conformidade e acessibilidade */
.lz-pe{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:15px;
  border-top:1px solid var(--lz-hair)}
.lz-score{display:flex;align-items:center;gap:9px;border:1px solid rgba(80,189,146,.35);
  background:rgba(80,189,146,.08);border-radius:999px;padding:6px 14px}
.lz-score b{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--lz-g2)}
.lz-score span{font-size:10.5px;color:var(--lz-tx2)}
.lz-acao{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--lz-hair);border-radius:999px;
  padding:6px 14px;font-size:11.5px;color:var(--lz-tx2);background:0;font-family:inherit;cursor:default}
.lz-acao svg{color:var(--lz-g)}
.lz-lei-fonte{margin-left:auto;font-size:10.5px;color:var(--lz-tx3)}