body { margin: 0; background: var(--bg, #f6f6f9); color: var(--text, #111118); font: 16px/1.6 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 64px; }
h1 { font-size: 1.7rem; margin: .2em 0; } h2 { font-size: 1.15rem; margin-top: 1.8em; }
.draft { background: #f9eeda; color: #5c3d00; border-radius: 10px; padding: 10px 14px; }
a { color: #4f46e5; } table { border-collapse: collapse; width: 100%; } td, th { border-bottom: 1px solid #ddd; padding: 6px 8px; text-align: left; vertical-align: top; }
@media (prefers-color-scheme: dark) { body { background: #111118; color: #ececf1; } .draft { background: #3a2f17; color: #f3d9a4; } a { color: #a5b4fc; } td, th { border-color: #333; } }