/* Conformidade (22/10/2026): página secundária em UMA tela — cabeçalho do site + uma seção + rodapé reduzido.
   Só organiza componentes que já existem nas páginas legais (.cabeca, .chapeu, h1, .versao, .texto, tabela):
   nenhuma cor, borda ou componente novo. Celular: fluxo natural. Versão anterior (duas telas): conformidade/conformidade_duas_telas.css. */
.cf .texto{max-width:none}
.cf-corpo{display:grid;gap:16px;padding-block:24px 28px}
.cf-corpo p{margin:0}
.cf-corpo>*{min-width:0}
.cf-linha a{overflow-wrap:anywhere}
.cf-corpo .tab{margin:0}
@media (min-width:981px) and (min-height:600px) and (pointer:fine){
  /* computador: o corpo da página em coluna — cabeçalho, a seção (ocupa o que sobra) e o rodapé reduzido no fim da tela */
  body.pg-conformidade{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
  body.pg-conformidade>main{flex:1 0 auto;display:flex;flex-direction:column}
  .cf-t1{flex:1 0 auto;display:flex;flex-direction:column}
  .cf-corpo{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center}
  .cf .cabeca .largura{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 24px;padding-block:clamp(12px,2.6svh,32px) clamp(10px,2.2svh,26px)}
  .cf .chapeu{flex-basis:100%;margin:0;font-size:clamp(12px,1.7svh,14px)}
  .cf h1{font-size:clamp(32px,min(3.6vw,6.4svh),56px);max-width:none}
  .cf .versao{margin:0;font-size:clamp(13px,1.8svh,15px)}
  .cf-corpo{gap:clamp(8px,1.8svh,20px);padding-block:clamp(10px,2.2svh,28px)}
  .cf-linha{font-size:clamp(14px,2.1svh,17px);line-height:1.5}
  .cf table{font-size:clamp(12.5px,min(1vw,1.85svh),15px)}
  .cf th{font-size:clamp(12px,1.65svh,14px);padding-block:clamp(3px,.7svh,8px)}
  .cf td{padding-block:clamp(2px,.6svh,7px);line-height:1.4}
}