/* The no-JavaScript fallback message, and NOTHING else.
 *
 * ⛔ DO NOT MOVE THESE RULES INTO src/styles/ AND DO NOT DELETE THIS FILE AS
 * A STRAY. It looks like it belongs with the other stylesheets and it very
 * deliberately does not.
 *
 * Two constraints meet here and only this shape satisfies both.
 *
 * 1. CSP. The target is `style-src 'self'` with no `'unsafe-inline'`
 *    (master plan A11), which blocks a `style=` ATTRIBUTE just as it blocks a
 *    `<style>` block -- attributes are not the safe half. This message used to
 *    carry `style="font: 1rem system-ui; ..."` inline on the <p>, so behind the
 *    CSP we intend for unburden.solutions it would have rendered unstyled.
 *
 * 2. JAVASCRIPT IS OFF. That is the whole premise of a <noscript> block, and it
 *    is what rules this file's location. Every other stylesheet in this app is
 *    imported from `src/main.tsx` (lines 26-30: instrument-serif, brand tokens,
 *    tokens, base, shell), so Vite bundles them into a module that a browser
 *    with JS disabled NEVER EXECUTES. A rule for the no-JS message placed in
 *    `src/styles/base.css` would therefore be absent at precisely the moment it
 *    is needed -- and would LOOK fixed in the source while doing nothing, which
 *    is worse than the inline attribute it replaced.
 *
 * `public/` is copied verbatim into `dist/` by Vite, so this is served as a
 * real same-origin stylesheet, allowed by `style-src 'self'`, and linked with a
 * plain <link> that needs no JavaScript to apply.
 *
 * ⚠️ Keep it tiny. It is fetched on every page load to style something almost
 * nobody sees; that is the honest cost of the two constraints above, and it
 * stays small enough not to matter.
 */

.ub-noscript {
  font: 1rem/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  padding: 2rem;
  max-width: 40rem;
}