/* Versão leve: página rolável com o mesmo conteúdo da 3D. Só tokens; 900px e 620px. */
html{scroll-behavior:smooth;scroll-padding-top:96px}
.leve{background:var(--surface-dark);background-image:var(--texture-dots);background-size:var(--texture-size)}
.leve-topo{position:sticky;top:0;z-index:3;background:var(--ink-a96);border-bottom:1px solid var(--white-a15);backdrop-filter:blur(6px)}
.leve-faixa{max-width:var(--shell-max);margin:0 auto;padding:12px var(--shell-gutter);display:flex;align-items:center;gap:20px}
.leve-marca img{display:block;height:auto}
.leve-progresso{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:var(--text-small);color:var(--text-on-dark-muted)}
.leve-progresso b{color:var(--white);font-weight:600}
.leve-acoes{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
.leve-secao{padding:72px 0;border-bottom:1px solid var(--white-a07)}
.leve-secao:nth-child(even){background:var(--surface-dark-raised)}
.leve-conteudo{max-width:var(--shell-max);margin:0 auto;padding:0 var(--shell-gutter)}
.leve-conteudo>p{max-width:62ch;color:var(--text-on-dark-muted)}
.leve-intro h1{max-width:16ch}
.leve-indice{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 0;padding:0;counter-reset:i}
.leve-indice a{display:inline-flex;min-height:40px;align-items:center;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--white-a24);color:var(--white);text-decoration:none;font-size:var(--text-small)}
.leve-indice a:hover{border-color:var(--blue-300)}
.leve-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.cartao{padding:20px;border:1px solid var(--white-a15);border-radius:var(--radius-lg);background:var(--surface-dark)}
details.cartao{margin:0;border-top:1px solid var(--white-a15)}
details.cartao summary{display:grid;gap:4px;list-style:none;color:var(--white)}
details.cartao summary::-webkit-details-marker{display:none}
details.cartao summary strong{font:600 var(--text-h3) var(--font-display)}
details.cartao summary::after{content:"Abrir";font-size:var(--text-small);color:var(--blue-300);text-decoration:underline}
details.cartao[open] summary::after{content:"Fechar"}
details.visto{border-color:var(--arrival)}
.case h3{margin-top:4px}
.case h4{margin:16px 0 6px}
.case details p{color:var(--text-on-dark-muted)}
.leve #relatorio{margin:8px 0 40px}
.leve .aviso{bottom:24px}

@media (max-width:900px){
  .leve-faixa{flex-wrap:wrap;padding:10px 16px}
  .leve-acoes{margin-left:0}
  .leve-conteudo{padding:0 16px}
  .leve-grade{grid-template-columns:1fr}
}
@media (max-width:620px){
  .leve-progresso{order:3;width:100%}
  .leve-secao{padding:48px 0}
  html{scroll-padding-top:150px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}