:root { color-scheme: dark; }
body { margin: 0; background: #0b0d12; color: #e6e8f0; font: 16px/1.5 Georgia, "Times New Roman", serif; }
header, main, footer, .debug, .banner { max-width: 900px; margin: 0 auto; padding: 16px 20px; }
h1 { font-weight: 500; letter-spacing: .04em; margin: 0 0 4px; }
.premise { color: #9aa3ab; font-style: italic; margin: 0; }
main svg { display: block; width: 100%; height: auto; border: 1px solid #2a2f3a; }
footer { color: #9aa3ab; font-size: 14px; }
.banner { color: #f0b658; }
.debug { font: 13px/1.4 ui-monospace, Menlo, Consolas, monospace; border-top: 1px solid #2a2f3a; }
.debug th { text-align: left; padding-right: 12px; color: #9aa3ab; font-weight: normal; }
.debug .err { color: #e07a6a; }