/* =============================================================================
   assets/10_layout.css
   Estrutura global: a casca e as telas que pertencem a ela, não a um módulo.

   Junto com `00_base.css`, é um dos dois únicos arquivos autorizados a ter
   regra global. Estilo de módulo mora em `20_<prefixo>_<pacote>.css`, sempre
   dentro do root daquele módulo.

   A 404 vive aqui porque é da casca: ela aparece quando o endereço não casa com
   módulo nenhum, então não há root de módulo para escopá-la.
   ============================================================================= */

.shell-app {
  min-height: 100vh;
}

.shell-404 {
  max-width: 560px;
  margin: 0 auto;
  padding: 90px 20px;
  text-align: center;
}

.shell-404__code {
  font-size: 44px;
  font-weight: 700;
  color: var(--accent);
}

.shell-404__title {
  font-size: 22px;
  color: var(--ink);
  margin: 8px 0 6px;
}

.shell-404__description {
  font-size: 14px;
  color: var(--muted);
  margin: 0;
}