:root { color-scheme: light dark; font-family: Georgia, "Times New Roman", serif; --t: #1b2330; --h: #5b6576; --r: #dde1e7; --b: #fff; --a: #0b5cad; }
@media (prefers-color-scheme: dark) { :root { --t: #e6e9ee; --h: #9aa4b2; --r: #2c3440; --b: #12161c; --a: #5aa2ec; } }
body { margin: 0; background: var(--b); color: var(--t); line-height: 1.65; }
main { max-width: 760px; margin: 0 auto; padding: 2rem 1rem; overflow-wrap: anywhere; }
a { color: var(--a); }
img { max-width: 100%; }
pre { overflow-x: auto; border: 1px solid var(--r); padding: .75rem; border-radius: 6px; }
table { border-collapse: collapse; }
th, td { border: 1px solid var(--r); padding: .3rem .5rem; }
.meta, footer { color: var(--h); font-size: .9rem; font-family: system-ui, sans-serif; }
footer { max-width: 760px; margin: 0 auto; padding: 1rem; border-top: 1px solid var(--r); }