:root{--max-width:800px;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--color-bg:#ffffff;--color-text:#1a1a1a;--color-muted:#6b7280;--color-link:#2563eb;--color-border:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.7}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.site-header{border-bottom:1px solid var(--color-border);padding:1.5rem 0;margin-bottom:2rem}.site-header nav{display:flex;align-items:center;gap:2rem;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.site-header .site-name{font-size:1.25rem;font-weight:700;color:var(--color-text)}.site-header .nav-links{display:flex;gap:1.5rem}.post-list{list-style:none;display:flex;flex-direction:column;gap:2rem}.post-card h2{font-size:1.5rem;margin-bottom:.25rem}.post-card .post-meta{font-size:.875rem;margin-bottom:.5rem}.post-card .post-excerpt,.post-card .post-meta{color:var(--color-muted)}.post-header{margin-bottom:2rem}.post-header h1{font-size:2rem;line-height:1.3;margin-bottom:.5rem}.post-header .post-meta{color:var(--color-muted);font-size:.875rem}.post-content{margin-bottom:3rem}.post-content h2,.post-content h3,.post-content h4{margin-top:1.5em;margin-bottom:.5em}.post-content p{margin-bottom:1em}.post-content img{max-width:100%;height:auto;border-radius:8px}.post-content blockquote{border-left:3px solid var(--color-border);padding-left:1rem;color:var(--color-muted);margin:1.5em 0}.post-content pre{background:#f3f4f6;padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5em 0}.post-content code{font-size:.9em}.site-footer{border-top:1px solid var(--color-border);padding:2rem 0;margin-top:3rem;text-align:center;color:var(--color-muted);font-size:.875rem}