:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; padding: 3rem 1.5rem 4rem; background: linear-gradient(180deg, #141F45 0%, #0A0E20 100%); background-attachment: fixed; color: #F2F4FA; font: 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 40rem; margin: 0 auto; }
nav { color: #8A93AD; font-size: .95rem; margin-bottom: 2rem; }
nav a { color: #FF9F0A; text-decoration: none; }
h1 { font-size: 2.1rem; margin: 0 0 .35rem; letter-spacing: -.02em; line-height: 1.15; }
.date { color: #8A93AD; margin: 0 0 2rem; }
h2 { font-size: 1.25rem; margin: 2.25rem 0 .5rem; }
a { color: #FF9F0A; }
.lede { background: rgba(255,159,10,.10); border: 1px solid rgba(255,159,10,.35); border-radius: 18px; padding: 1.25rem 1.5rem; font-weight: 600; }
ol, ul { padding-left: 1.2rem; }
li { margin: .4rem 0; }
code { background: rgba(255,255,255,.08); padding: .1rem .35rem; border-radius: 6px; font-size: .92em; }
.otto { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 18px; padding: 1.1rem 1.4rem; margin: 2.5rem 0 0; }
.otto p { margin: .35rem 0; }
.more { margin-top: 2.5rem; color: #B7BFD4; font-size: .95rem; }
footer { margin-top: 3.5rem; color: #8A93AD; font-size: .9rem; }