:root { color-scheme: dark; }
body { margin: 0; background: #0b1218; color: #e6edf3; font: 16px/1.6 Inter, system-ui, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
h1 { font-size: 1.8rem; line-height: 1.2; margin: .5rem 0 .25rem; }
h2 { font-size: 1.15rem; margin: 2rem 0 .5rem; color: #b9ffe9; }
p, li { color: #cfd8e0; }
.meta { color: #8a98a5; font-size: .85rem; }
.notice { border: 1px solid rgba(255,207,138,.5); background: rgba(255,207,138,.08); border-radius: 12px; padding: .9rem 1.1rem; color: #ffd8a0; }
.todo { border-left: 3px solid #ff6b6b; background: rgba(255,107,107,.08); padding: .6rem .9rem; border-radius: 0 8px 8px 0; color: #ffb3b3; font-size: .9rem; }
a { color: #6af5d5; }
nav { display: flex; gap: 1rem; font-size: .9rem; margin-bottom: 1rem; }
table { border-collapse: collapse; width: 100%; font-size: .92rem; }
th, td { text-align: left; padding: .45rem .5rem; border-bottom: 1px solid rgba(255,255,255,.1); vertical-align: top; }
code { font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .85em; }