/* Shared styling for the static credits + 404 pages. Both are served
   without the SPA bundle; pulling these rules out of inline <style>
   keeps style-src-elem strict while style-src-attr handles Svelte's
   runtime style attributes. */
body { background: #111827; color: #e5e7eb; font-family: system-ui, sans-serif; margin: 0; }
main { max-width: 56rem; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; line-height: 1.55; }
h1 { margin: 0 0 0.5rem; font-size: 2rem; line-height: 1.2; }
h2 { margin: 2rem 0 0.5rem; font-size: 1.25rem; }
p, li { color: #d1d5db; }
a { color: #93c5fd; text-decoration: none; }
a:hover { text-decoration: underline; }
.lede { opacity: 0.85; font-size: 0.95rem; margin: 0 0 2rem; }
.home-link { display: inline-block; margin-top: 2.5rem; }
ul { padding-left: 1.25rem; }
li { margin-bottom: 0.5rem; }
code { background: #1f2937; padding: 0.1rem 0.35rem; border-radius: 0.25rem; font-size: 0.85em; }

/* 404-only overrides - centred hero. */
body.notfound { min-height: 100vh; display: grid; place-items: center; }
body.notfound main { padding: 2rem 1.5rem; text-align: center; }
body.notfound h1 { font-size: 2.5rem; line-height: 1; }
body.notfound h2 { margin: 0 0 1.25rem; font-size: 1.1rem; opacity: 0.85; font-weight: 500; }
body.notfound p { margin: 0 0 1.5rem; opacity: 0.7; font-size: 0.95rem; }
body.notfound .actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }