/* Impressão: usada no "Salvar em PDF" do navegador.
   Sai só o alfabeto, limpo, em preto no branco e sem gastar tinta. */

@media print {
  :root {
    --texto: #000;
    --texto-suave: #333;
    --borda: #999;
  }

  html, body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt;
  }

  .topo,
  .abas,
  .rodape,
  .avisinhos,
  .pular,
  .botao,
  .botoes,
  .frases,
  .paleta,
  .barra-ferramentas,
  dialog,
  .nao-imprime { display: none !important; }

  .pagina { display: none !important; }

  /* Folha dedicada, montada na hora de imprimir. */
  .folha-impressao {
    display: block !important;
    padding: 0;
  }

  .folha-impressao h1 {
    font-size: 20pt;
    margin: 0 0 2mm;
    color: #000;
    background: none;
    -webkit-text-fill-color: #000;
  }

  .folha-impressao .legenda {
    margin: 0 0 6mm;
    font-size: 10pt;
    color: #333;
  }

  .folha-impressao .pares {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5mm 4mm;
    font-family: var(--fonte-mono);
    font-size: 11pt;
  }

  .folha-impressao .par {
    display: flex;
    justify-content: space-between;
    gap: 3mm;
    padding: 1mm 2mm;
    border-bottom: 0.3mm solid #bbb;
    break-inside: avoid;
  }

  .folha-impressao .par .letra { font-weight: 700; }

  .folha-impressao .config {
    margin-top: 6mm;
    font-size: 9.5pt;
    color: #333;
  }

  .folha-impressao .rodape-impressao {
    margin-top: 8mm;
    padding-top: 2mm;
    border-top: 0.3mm solid #bbb;
    font-size: 8.5pt;
    color: #444;
  }

  a[href]::after { content: ''; }

  @page {
    margin: 14mm;
  }
}

/* Fora da impressão a folha fica escondida. */
.folha-impressao {
  display: none;
}