/* Telas largas: amplia a página inteira, como o zoom do navegador, para o conteúdo não ficar pequeno no centro.
   Cada faixa mantém a largura útil perto de 1.350 px, a de um notebook. Abaixo de 1.680 px nada muda. */
html{--escala:1}
@media(min-width:1680px){html{--escala:1.2}}
@media(min-width:1840px){html{--escala:1.35}}
@media(min-width:2000px){html{--escala:1.5}}
@media(min-width:2300px){html{--escala:1.7}}
@media(min-width:2560px){html{--escala:1.9}}
@media(min-width:3000px){html{--escala:2.25}}
@media(min-width:3440px){html{--escala:2.55}}
@media(min-width:1680px){
  html{zoom:var(--escala)}
  /* Alturas presas à tela são divididas pela escala, senão passariam do tamanho da janela. */
  .sidebar{height:calc(100dvh / var(--escala) - 48px)}
  .menu-open .sidebar{height:calc(100dvh / var(--escala) - 28px)}
}