/* O item de aviso (.notice) do sino do professor vale para todo .notice da página, também os avisos da criança
   (student-library.js, student-achievements.js); por isso mora no comum, no mesmo lugar da cascata (F4, D92). */
.notice {
  display: grid;
  gap: 2px;
  width: 100%;
  min-height: 48px;
  padding: 10px 12px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--app-ink);
  text-align: left;
}
.notice:hover {
  background: var(--app-tint);
}
.notice small {
  color: var(--app-muted);
}