/* #1201 — full-screen "JavaScript required" message, shown only when JS is
   disabled. A static, same-origin stylesheet (like /fonts/fonts.css) so it
   loads with zero JS and stays CSP-clean (style-src 'self'; no inline styles).

   The overlay class lives on an inner <div>, never on <noscript> itself:
   browsers apply `noscript { display: none }` when scripting is ENABLED, and
   styling the element with `display: flex` would override that and show the
   message on pages that have JS on. Keeping the class on a child element lets
   the UA rule hide everything when JS is on. */

.pt-noscript {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #fffbe8;
  color: #1a0f00;
  font-family: system-ui, -apple-system, sans-serif;
  text-align: center;
}

.pt-noscript__card {
  max-width: 28rem;
}

.pt-noscript__card h1 {
  margin: 0 0 0.5rem;
  color: #6b3fa0;
  font-size: 1.5rem;
}

.pt-noscript__card p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
}