/* ═══════════════════════════════════════════════════════════════════════
   _pagina.css — a GEOMETRIA DO PAPEL, compartilhada.

   Uma regra só, e ela mora sozinha num arquivo por um motivo técnico que
   custou tempo: `@page` vale para o documento INTEIRO. Não existe "@page só
   para esta div". Enquanto ela morou no _folha.css, carregar aquele arquivo
   dentro do app fazia a regra mandar em toda impressão do app — inclusive na
   da lição, que não é folha de criança.

   Quem carrega este arquivo está dizendo: "neste documento, o papel é A4 sem
   margem, e quem dá a margem é o conteúdo". As duas casas obedecem: a `.folha`
   dos complementares tem o seu padding, e o `#curr-print` da apostila tem o
   dele, no licao.css.

   Margem zero, e não a margem padrão do navegador, porque a folha da criança
   sangra até a borda: a faixa da capa e as linhas de recorte precisam da folha
   inteira.
   ═══════════════════════════════════════════════════════════════════════ */

@page { size: A4; margin: 0; }

/* ── A COR TEM DE SOBREVIVER AO DIÁLOGO DE IMPRESSÃO ────────────────────────

   O Chrome imprime SEM gráficos de plano de fundo por padrão. A caixa
   "Gráficos de plano de fundo" vem desmarcada, mora atrás de "Mais definições",
   e ninguém a procura.

   O efeito: a capa da apostila saía branca, com a faixa azul-marinho e o corpo
   creme sumidos, e o dono viu isso como "não veio com capa" — estava certo, do
   ponto de vista dele o que chegou ao papel não era capa nenhuma.

   `print-color-adjust: exact` diz ao navegador que aquela cor é conteúdo, e não
   enfeite de tela. É a única forma de garantir a folha impressa sem depender de
   a família marcar uma caixa que não sabe que existe.

   Universal de propósito: qualquer coisa colorida que nascer daqui para a
   frente, nas duas casas, já nasce sobrevivendo à impressora. */

@media print {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}