/* CharHaven printable scene kit; fixed content, no remote dependencies. */
:root { color-scheme: light; font-family: system-ui, sans-serif; color: #223748; background: #f4f7f9; }
* { box-sizing: border-box; }
body { margin: 0; }
.ch-kit-shell { width: min(100% - 2rem, 60rem); margin: 2rem auto; }
.ch-kit-header { border-bottom: .25rem solid #c89b45; padding-bottom: 1rem; }
.ch-kit-brand { display: flex; align-items: center; gap: .75rem; font-size: 1.1rem; font-weight: 700; }
.ch-kit-brand img { width: 2.5rem; height: 2.5rem; }
h1 { font-size: clamp(1.6rem, 5vw, 2.4rem); margin: 1rem 0 .5rem; }
h2 { font-size: 1.2rem; margin: 0 0 .75rem; }
p, li { line-height: 1.6; }
a { color: #006a97; text-underline-offset: .2em; overflow-wrap: anywhere; }
a:focus-visible { outline: .15rem solid #006a97; outline-offset: .2rem; }
.ch-kit-sheet { background: white; border: 1px solid #c9d5df; border-radius: .8rem; padding: 1.3rem; margin: 1.3rem 0; }
pre { font: 1rem/2.1 system-ui, sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; }
.ch-kit-note { font-size: .9rem; }
@media print {
 @page { margin: 18mm; }
 :root { background: white; color: #142638; }
 .ch-kit-shell { width: 100%; margin: 0; }
 .ch-kit-sheet { border-radius: 0; break-before: page; border: 0; padding: 0; }
 .ch-kit-navigation { display: none; }
 pre { font-size: 11pt; line-height: 1.6; }
}