/* ============================================================================
   ⚡ perf.css (12/07) — desempenho em PC fraco / listas longas.
   `content-visibility: auto` faz o navegador PULAR estilo/layout/paint dos cards que
   estão FORA da tela. Ganho em listas LONGAS + devices fracos, sem mudar o visual;
   o card renderiza normalmente ao entrar na viewport. `contain-intrinsic-size: auto <h>`
   reserva a altura estimada (o browser refina após o 1º render) p/ não pular o scroll.
   ----------------------------------------------------------------------------
   Escopo CONSERVADOR: só o FEED do Banco (`.bqf-card`) — lista VERTICAL que cresce de
   verdade (load-more chega a dezenas de cards), uso clássico e seguro do recurso. NÃO
   aplicado a carrosséis/listas curtas (mural/aulas) onde o ganho é incerto e o layout
   horizontal pode confundir a heurística de visibilidade. Só em ITENS (nunca containers/
   views) — em item não há modal position:fixed, então o `contain` implícito não quebra.
   ============================================================================ */
.bqf-card { content-visibility: auto; contain-intrinsic-size: auto 560px; }

/* Cards do ACERVO de materiais (12/07): a grade chega a 60+ cards. Mesma técnica segura —
   item de grade vertical que cresce; altura estimada ~200px (thumb 84 + meta). */
.acv-mat-card { content-visibility: auto; contain-intrinsic-size: auto 200px; }