body {
  /* no margin */
  margin: 0;
}

/* Notices shown when JavaScript is disabled (<noscript>) or when the app bundle
   never ran (#js-blocked-notice) — i.e. NoScript / an adblocker blocking required
   scripts. They live in this always-served stylesheet with literal colors (not the
   theme variables from src/app.css), because they must render even when the
   immutable app assets are blocked. */
.js-notice {
  position: relative;
  z-index: 10000;
  padding: 0.75rem 1rem;
  background: #3b2f0a;
  color: #fde68a;
  border-bottom: 2px solid #f59e0b;
  font-size: 0.9rem;
  line-height: 1.45;
  text-align: center;
}

.js-notice strong {
  color: #fff;
}

.js-notice[hidden] {
  display: none;
}

@media print {
  .js-notice {
    display: none !important;
  }
}