/* Static product fallback (index.html, inside #root): shown only without
   JavaScript. public/js-enabled.js marks <html class="js"> before the body is
   parsed, so a JavaScript-capable browser never shows it.

   An external stylesheet, deliberately — NOT an inline <style> in index.html.
   Tauri adds a per-launch nonce to the Desktop CSP's style-src for every inline
   <style> it finds in the packaged HTML, and a nonce makes the WebView ignore
   'unsafe-inline' — which silently blocks every <style> element the app creates
   at runtime (screenplay formatting among them). A same-origin stylesheet is
   allowed by style-src 'self' and triggers no nonce. */
html.js .tw-static { display: none; }
.tw-static { flex: 1; overflow-y: auto; box-sizing: border-box; padding: 24px 16px;
  background: #0d0d0f; color: #e8e8ea; font: 14px/1.5 "DM Sans", system-ui, sans-serif; }
.tw-static main { max-width: 560px; margin: 0 auto; }
.tw-static h1 { font: 15px "DM Mono", monospace; letter-spacing: 0.14em; text-transform: uppercase; color: #c9a74a; margin: 0 0 12px; }
.tw-static h2 { font-size: 14px; margin: 24px 0 8px; }
.tw-static h3 { font-size: 14px; margin: 0; }
.tw-static p, .tw-static ul { color: #9a9aa2; margin: 6px 0 0; }
.tw-static ul { padding-left: 18px; }
.tw-static section { border: 1px solid #2a2a30; border-radius: 10px; padding: 12px 14px; margin: 0 0 10px; }
.tw-static a { color: #c9a74a; }
.tw-static nav { margin: 24px 0 0; font-size: 13px; line-height: 1.9; }