body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, sans-serif; background: var(--bg); color: var(--fg); line-height: 1.7; font-weight: 300; } 
main { max-width: 820px; margin: auto; padding: clamp(48px, 8vw, 90px) 20px; } 
.meta { font-size: 0.9rem; color: var(--muted); margin-bottom: 2rem; } 
h1 { font-size: clamp(2rem, 5vw, 2.6rem); font-weight: 500; margin-bottom: 0.5rem; } 
h2 { margin-top: 3rem; font-size: 1.25rem; font-weight: 400; color: var(--accent); } 
p { margin: 0.8rem 0; } ul, ol { margin: 1rem 0 1rem 1.2rem; } 
code { background: var(--soft); padding: 2px 5px; border-radius: 3px; font-size: 0.9em; } 
pre { background: var(--soft); padding: 16px; overflow-x: auto; margin: 1.5rem 0; font-size: 0.9rem; } 
blockquote { border-left: 3px solid var(--accent); padding-left: 1rem; color: var(--muted); margin: 1.5rem 0; } 
.note { background: #efece6; padding: 1rem; margin: 2rem 0; font-size: 0.95rem; } img { max-width: 100%; margin: 2rem 0; }