body.grade-app {
  background: var(--grade-paper);
  color: var(--grade-ink);
}
/* A tela do app na altura da janela; o rodapé global vem depois dela, rolando a página. */
.grade-tela {
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  /* A coluna é a janela: o menu que não cabe rola dentro da barra, não alarga a tela. */
  grid-template-columns: minmax(0, 1fr);
}
body.grade-seo {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background: var(--grade-paper);
  color: var(--grade-ink);
}

.grade-status {
  margin: 0;
  font-size: .75rem;
  color: var(--grade-mute);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}