:root { color-scheme: dark; }
body { margin: 0; background: #0b0b0b; color: #d6d6d6; font: 14px/1.6 Inter, -apple-system, Segoe UI, Roboto, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 40px 20px 80px; }
h1 { font-size: 24px; color: #fff; margin: 0 0 4px; }
h2 { font-size: 16px; color: #fff; margin: 28px 0 8px; }
p, li { color: #c8c8c8; }
a { color: #54b9d1; text-decoration: none; } a:hover { text-decoration: underline; }
.meta { color: #8a8a8a; font-size: 12px; margin-bottom: 24px; }
.nav { display: flex; gap: 16px; font-size: 12px; margin-bottom: 24px; }
.placeholder { background: #2a1f00; color: #ffd166; padding: 0 4px; border-radius: 3px; }
table { border-collapse: collapse; width: 100%; font-size: 13px; }
td, th { border: 1px solid #2a2a2a; padding: 6px 8px; text-align: left; vertical-align: top; }
th { color: #fff; }