/* Artigos da Integridade Blindada. Sobre o estilo.css do site: mesmas variáveis, Sora só em título grande, Manrope no resto,
   texto longo em papel claro, escuro só no cabeçalho, no rodapé e na chamada final. Vermelho só no filete. */

/* abertura */
.a-abre h1{font-size:clamp(2rem,3.2vw + .8rem,3.25rem);line-height:1.1;max-width:24ch;text-wrap:balance}
.a-abre .lead{max-width:56ch}
.a-voltar{margin-bottom:1.25rem;font-size:.95rem;font-weight:600;color:var(--muted)}
.a-voltar a:hover{color:var(--white)}
.a-voltar a::before{content:'';display:inline-block;width:.45em;height:.45em;margin-right:.55em;border:solid currentColor;border-width:0 0 1.5px 1.5px;transform:rotate(45deg) translateY(-1px)}
.a-meta{margin-top:1.75rem;font-size:.92rem;color:var(--muted)}

/* leitura */
.a-leitura{padding-top:clamp(48px,7vw,88px)}
.a-grade{display:block}
.a-lado{display:none}
.a-texto{max-width:41rem}
.a-texto > * + *{margin-top:1.3rem}
.a-texto p,.a-texto li{line-height:1.75}
.a-texto h2{font-family:var(--txt);font-weight:700;font-size:clamp(1.4rem,.9vw + 1.15rem,1.7rem);line-height:1.25;letter-spacing:-.015em;max-width:none;margin-top:3rem}
.a-texto h2 + *{margin-top:.9rem}
.a-texto h3{margin-top:2rem}
.a-texto ul{list-style:disc;padding-left:1.25em}
.a-texto ol{list-style:decimal;padding-left:1.25em}
.a-texto li + li{margin-top:.45rem}
.a-texto a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}
.a-texto a:hover{text-decoration-color:var(--red)}
.a-texto strong{font-weight:700}
.a-texto .lei-cite{margin:2.25rem 0;padding:.15rem 0 .15rem 1.4rem;border-left:2px solid var(--red)}
.a-texto .lei-cite blockquote{font-size:1.15rem;line-height:1.6;font-weight:500}
.a-texto .lei-cite cite{display:block;margin-top:.7rem;font-style:normal;font-size:.85rem;color:var(--muted)}
.a-texto table{width:100%;border-collapse:collapse;font-size:.95rem}
.a-texto th,.a-texto td{text-align:left;vertical-align:top;padding:.75rem 1rem .75rem 0;border-top:1px solid var(--linha)}

/* resposta direta: painel cinza com o filete vermelho */
.a-resposta{padding:1.4rem clamp(1.25rem,3vw,1.75rem);background:var(--panel);border-left:2px solid var(--red)}
.a-resposta p{font-size:clamp(1.0625rem,.4vw + 1rem,1.15rem);font-weight:500;line-height:1.65}
.a-texto > .a-resposta + *{margin-top:2rem}

/* análise completa no blog da Priorizzi */
.a-irmao{margin-top:2.5rem;padding:1.4rem 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.a-irmao p:first-child{font-weight:700;font-size:1.1rem}
.a-irmao .miudo{margin-top:.3rem}
.a-texto .a-irmao a{text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:1px}

/* perguntas e base legal */
.a-texto .faq{margin-top:1rem}
.a-texto .faq details{border-top:1px solid var(--linha)}
.a-texto .faq details:last-child{border-bottom:1px solid var(--linha)}
.a-texto .faq summary{padding:1.05rem 0}
.a-texto .faq summary::after{margin-top:.55rem}
.a-texto .faq details p{padding-bottom:1.2rem;max-width:none}
.a-fontes{list-style:none !important;padding-left:0 !important}
.a-fontes li{padding:.55rem 0;border-top:1px solid var(--linha);line-height:1.5;font-size:.98rem}
.a-fontes li + li{margin-top:0}
.a-fontes li:last-child{border-bottom:1px solid var(--linha)}
.a-texto .a-fontes a{text-decoration:none}
.a-texto .a-fontes a:hover{text-decoration:underline}
.a-texto .miudo{margin-top:.9rem}

/* lista de artigos (índice e "leia também") */
.a-lista{list-style:none}
.a-item{display:grid;gap:.5rem;padding:1.6rem 0 1.75rem;border-top:1px solid var(--linha)}
.a-item:last-child{border-bottom:1px solid var(--linha)}
.a-item[hidden]{display:none}
.a-item__k{font-size:.9rem;font-weight:500;color:var(--muted)}
.a-item h2,.a-item h3{font-family:var(--txt);font-weight:700;font-size:1.3rem;line-height:1.3;letter-spacing:-.015em;max-width:32ch}
.a-item h2 a::after,.a-item h3 a::after{content:'';position:absolute;inset:0}
.a-item{position:relative}
.a-item a{transition:color .2s}
.a-item:hover h2 a,.a-item:hover h3 a{color:var(--muted)}
.a-item p:not([class]){margin-top:.6rem;color:var(--muted);max-width:56ch}
.a-leia .a-lista{margin-top:1.75rem}
.a-leia h2{font-size:1.5rem;max-width:none}
.a-filtro{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.a-filtro[hidden]{display:none}
.a-filtro button{min-height:40px;padding:.45rem 1rem;border:1px solid var(--linha);border-radius:999px;font-size:.92rem;font-weight:600;color:var(--muted);transition:border-color .2s,color .2s,background-color .2s}
.a-filtro button:hover{border-color:var(--white);color:var(--white)}
.a-filtro button[aria-pressed="true"]{background:var(--white);border-color:var(--white);color:#fff}
.a-vazio{margin-top:1.5rem}

.a-cta h2{font-size:clamp(1.8rem,2.6vw + .9rem,2.6rem);max-width:24ch;line-height:1.15}
.a-cta .acoes{margin-top:1.75rem}

@media (min-width:720px){
  .a-item{grid-template-columns:13rem minmax(0,1fr);gap:2rem;padding:1.9rem 0 2.1rem}
  .a-item__k{padding-top:.35rem}
  .a-item p:not([class]){margin-top:.5rem}
}
@media (min-width:1080px){
  .a-grade{display:grid;grid-template-columns:14rem minmax(0,41rem);gap:clamp(3rem,6vw,6rem);justify-content:start}
  .a-lado{display:block;grid-column:1;grid-row:1}
  .a-texto{grid-column:2;grid-row:1}
  .a-toc{position:sticky;top:104px;display:flex;flex-direction:column;gap:.15rem;padding-top:.35rem}
  .a-toc p{font-size:.9rem;font-weight:700;margin-bottom:.6rem}
  .a-toc a{padding:.4rem 0 .4rem 1rem;border-left:1px solid var(--linha);font-size:.9rem;line-height:1.4;color:var(--muted);transition:color .2s,border-color .2s}
  .a-toc a:hover{color:var(--white);border-left-color:var(--white)}
}