/* Reset + noscript fallback styles for the published site's HTML shell.
 * Referenced from every generated .html via <link rel="stylesheet">, so
 * strict CSP environments (default-src 'self') accept it without needing
 * 'unsafe-inline' or per-page style hashes.
 *
 * Kept minimal on purpose — the reader bundle handles its own theming
 * via CSS variables once mounted; this file only covers the pre-mount
 * layout and the <noscript> content shown to crawlers / JS-disabled
 * clients.
 */
html, body, #qrism-root {
  height: 100%;
  height: 100dvh;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
* { box-sizing: border-box; }

noscript .qrism-content {
  max-width: 800px;
  margin: 2rem auto;
  padding: 0 1rem;
  font-family: system-ui, -apple-system, sans-serif;
  line-height: 1.7;
  color: #333;
}
noscript .qrism-content h1,
noscript .qrism-content h2,
noscript .qrism-content h3 { margin-top: 1.5em; }
noscript .qrism-content code {
  background: #f0f0f0;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.9em;
}
noscript .qrism-content pre {
  background: #f5f5f5;
  padding: 1rem;
  border-radius: 6px;
  overflow-x: auto;
}
noscript .qrism-content a { color: #2563eb; text-decoration: none; }
noscript .qrism-content a:hover { text-decoration: underline; }