/* ========================================
   Layout
   ======================================== */

@keyframes page-enter {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 2rem;
}

/* Flash messages */
.notice, .alert {
  text-align: center;
  padding: 0.5rem;
  font-family: var(--font-mono);
  font-size: 0.8rem;
}
.notice:empty, .alert:empty { display: none; }
.notice { color: var(--accent); }
.alert { color: #c06050; }