/* Biblioteca de dados — leitura densa, número como herói, fonte sempre visível.
   Usa só os tokens de base.css. */

main{padding-bottom:var(--e-7)}
section,aside{margin-top:var(--e-8)}
.migalhas{margin-top:var(--e-3)}

/* topo */
.topo-biblioteca{margin-top:var(--e-6)}
.topo-biblioteca .titulo-1{max-width:18ch}
.topo-biblioteca .lide{margin-top:var(--e-4)}
.topo-biblioteca .apoio{margin-top:var(--e-3)}

/* destaque */
.destaque .titulo-3{color:var(--c-texto-2);font-size:var(--t-14);font-weight:400;margin-bottom:var(--e-3)}
.destaque-cartao{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--e-5);align-items:start;padding:var(--e-5);border:1px solid var(--c-dado-fraco);background:var(--c-superficie);color:inherit;text-decoration:none;
  transition:border-color var(--m-rapido)}
.destaque-cartao:hover{border-color:var(--c-dado)}
.destaque-cartao img{width:120px;aspect-ratio:9/16;object-fit:cover;background:#000}
.destaque-cartao .numero{font-family:var(--f-mono);color:var(--c-dado);font-size:var(--t-18)}
.destaque-titulo{margin-top:var(--e-1);font-size:clamp(1.3rem,2.6vw,1.75rem);line-height:1.3}
.destaque-cartao .apoio{margin-top:var(--e-3);max-width:60ch}
.destaque-cartao .fonte-dado{margin-top:var(--e-3)}

/* busca, ordem, temas */
.controles{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:var(--e-3);align-items:end}
.temas{display:flex;flex-wrap:wrap;gap:var(--e-2);margin-top:var(--e-4)}
.temas .chip{min-height:44px;background:transparent;cursor:pointer}
.contador{margin-top:var(--e-4)}
.lista-dados{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-3);margin-top:var(--e-4)}
.lista-dados>li[hidden]{display:none}
.vazio{margin-top:var(--e-5);padding:var(--e-6);border:1px dashed var(--c-linha-forte)}
.vazio .apoio{margin-top:var(--e-2)}

/* temas */
.temas-lista ul{list-style:none;margin-top:var(--e-5);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-3)}
.temas-lista a{display:block;height:100%;padding:var(--e-5);border:var(--borda);color:inherit;text-decoration:none;transition:border-color var(--m-rapido)}
.temas-lista a:hover{border-color:var(--c-linha-forte)}
.temas-lista .apoio{display:block;margin-top:var(--e-2)}

/* cadastro e ponte */
.bloco-cadastro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--e-7);padding-top:var(--e-7);border-top:var(--borda)}
.bloco-cadastro .apoio{margin-top:var(--e-3);max-width:46ch}
.cadastro{display:grid;gap:var(--e-4)}
.cadastro .botao{justify-self:start}
.ponte{padding:var(--e-5);border:var(--borda);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--e-2) var(--e-5);align-items:center}
.ponte .apoio{grid-column:1}
.ponte .botao{grid-column:2;grid-row:1 / span 2}

/* tema */
.comeco{list-style:none;margin-top:var(--e-4);counter-reset:c}
.comeco li{padding:var(--e-4) 0;border-bottom:var(--borda)}
.comeco li:first-child{border-top:var(--borda)}
.comeco a{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--e-4);color:var(--c-texto);text-decoration:none;font-size:var(--t-18)}
.comeco a:hover .editorial{text-decoration:underline;text-underline-offset:3px}
.comeco .numero{font-family:var(--f-mono);color:var(--c-dado);font-size:var(--t-14);padding-top:4px}
.comeco .apoio{margin:var(--e-2) 0 0 calc(150px + var(--e-4));max-width:62ch}
.outros-temas{margin-top:var(--e-7);display:flex;flex-wrap:wrap;gap:var(--e-2);align-items:center}
.outros-temas .apoio{margin-right:var(--e-2)}

/* dado */
.dado-topo{margin-top:var(--e-5);max-width:820px}
.numero-grande{font-family:var(--f-mono);font-size:clamp(2.4rem,7vw,4.5rem);line-height:1;color:var(--c-dado);letter-spacing:-.02em}
.dado-topo .titulo-2{margin-top:var(--e-4);max-width:24ch}
.resposta{margin-top:var(--e-4);color:var(--c-texto);max-width:62ch}
.dado-topo .fonte-dado{margin-top:var(--e-3);max-width:80ch}
.dado-corpo{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--e-7);margin-top:var(--e-7);align-items:start}
.previa video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000;border:var(--borda)}
.previa figcaption{margin-top:var(--e-2)}
.dado-texto section{margin-top:0}
.dado-texto section+section{margin-top:var(--e-6)}
.dado-texto .titulo-3{color:var(--c-texto-2);font-size:var(--t-14);margin-bottom:var(--e-2)}
.gancho{font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.3}
.cuidado{margin-top:var(--e-5);padding-top:var(--e-4);border-top:var(--borda)}
.roteiro-cabeca{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--e-4);margin-bottom:var(--e-4)}
.roteiro-acoes{display:flex;flex-wrap:wrap;gap:var(--e-2)}
.roteiro-acoes [hidden]{display:none}
.liberar{margin-top:var(--e-5);padding:var(--e-5);border:var(--borda);background:var(--c-superficie)}
.liberar[hidden]{display:none}
.liberar>.apoio{margin-bottom:var(--e-4)}
.liberar .cadastro,.bloco-cadastro .cadastro{max-width:520px}
.gere{padding:var(--e-6);border:1px solid var(--c-marca-fraca);background:linear-gradient(var(--c-superficie),var(--c-superficie))}
.gere .lide{margin:var(--e-3) 0 var(--e-5)}
.perguntas .titulo-2{margin-bottom:var(--e-4)}
.citar .titulo-3{margin-bottom:var(--e-2)}
.relacionados .titulo-3{margin-bottom:var(--e-2)}

/* tablet e celular */
@media (max-width:1023px){
  .lista-dados{grid-template-columns:minmax(0,1fr)}
  .dado-corpo{grid-template-columns:220px minmax(0,1fr);gap:var(--e-6)}
}
@media (max-width:639px){
  section,aside{margin-top:var(--e-7)}
  .controles{grid-template-columns:minmax(0,1fr)}
  .temas-lista ul{grid-template-columns:minmax(0,1fr)}
  .destaque-cartao{grid-template-columns:88px minmax(0,1fr);gap:var(--e-4);padding:var(--e-4)}
  .destaque-cartao img{width:88px}
  .bloco-cadastro{grid-template-columns:minmax(0,1fr);gap:var(--e-5)}
  .ponte{grid-template-columns:minmax(0,1fr)}
  .ponte .botao{grid-column:1;grid-row:auto;justify-self:start}
  .comeco a{grid-template-columns:minmax(0,1fr);gap:var(--e-1)}
  .comeco .apoio{margin-left:0}
  .dado-corpo{grid-template-columns:minmax(0,1fr)}
  .previa{max-width:240px}
  .gere{padding:var(--e-5)}
  .cadastro .botao{justify-self:stretch}
}