/* a11y.css: regras de acessibilidade comuns a todas as telas (era sem-zoom.css; o zoom agora é LIVRE).
   WCAG 1.4.4 e 1.4.10: a pessoa pode ampliar a página com pinça, com o zoom do navegador e com o tamanho do
   texto do sistema. O viewport não traz maximum-scale nem user-scalable=no, e nenhum script trava gesto de zoom.
   O iPhone só amplia sozinho em dois casos, e os dois seguem tratados aqui sem tirar o zoom de ninguém:
   toque duplo (touch-action: manipulation, que mantém pinça e rolagem) e foco em campo com fonte menor que 16px. */
html{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,input,select,textarea,label,[role=button]{touch-action:manipulation}
@media (pointer:coarse){input,select,textarea{font-size:16px!important}}
/* Foco visível em tudo o que a tela não estilizou (:where tem especificidade zero: qualquer regra da tela vence). */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #1f7a45;outline-offset:2px}
/* WCAG 2.3.3: quem pede movimento reduzido no sistema não recebe animação nem rolagem suave, em nenhuma tela. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* Alvos de toque de 44px no celular (WCAG 2.5.8 pede 24px; a meta do projeto é 44). Só o que ficava abaixo disso. */
@media (pointer:coarse),(max-width:700px){
  header .tools .btn,header .tools a.btn,#btnSigilo,.gm-tut,.pe .sair,aside#menu .pe .sair,aside#menu .gm-tut,
  .ml-tab,#mlTrocaBtn,.ml-vazio button,.vispede-ok,.vispede-nao,.sigx,#sigAviso>button,#tourCaixa button,
  html.casca #tourCaixa button{min-height:44px;min-width:44px}
}