:root{--bg: #FAF8F5;--text: #1A1A1A;--text-secondary: #6B6560;--text-muted: #9A9490;--accent: #C75B3A;--accent-light: rgba(199, 91, 58, .08);--contour: #C75B3A;--border: #E0DAD0;--font-sans: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--space-xs: 6px;--space-sm: 12px;--space-md: 24px;--space-lg: 48px;--space-xl: 96px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-weight:400;background:var(--bg);color:var(--text);line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent);color:var(--bg)}a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}a:hover{border-bottom-color:var(--accent)}.blog-container{max-width:680px;margin:0 auto;padding:var(--space-lg) var(--space-md);min-height:100vh}.blog-nav{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;margin-bottom:var(--space-lg);border-bottom:1px solid var(--border);font-size:.875rem;text-transform:lowercase}.blog-nav-logo{font-weight:600;font-size:1rem;letter-spacing:-.02em;border-bottom:none!important}.blog-nav-links{display:flex;align-items:center;gap:var(--space-md);margin-left:auto}.blog-nav-links a{color:var(--text-secondary)}.blog-nav-links a:hover{color:var(--accent)}.rss-icon{display:inline-flex;color:var(--text-muted);transition:color .2s ease}.rss-icon:hover{color:var(--accent);border-bottom:none}.blog-header{margin-bottom:var(--space-lg)}.blog-header h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-bottom:var(--space-xs)}.blog-header p{color:var(--text-secondary);font-size:.95rem}.post-list{display:flex;flex-direction:column;gap:var(--space-md)}.post-card{padding:var(--space-md);border:1px solid var(--border);border-radius:8px;transition:border-color .2s ease,background .2s ease;display:block}.post-card:hover{border-color:var(--accent);background:var(--accent-light);border-bottom-color:var(--accent)}.post-card-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:lowercase}.post-card-title{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:var(--space-xs) 0;color:var(--text)}.post-card-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.post-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-sm)}.tag{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);background:var(--accent-light);padding:2px 8px;border-radius:4px;text-transform:lowercase}.post-header{margin-bottom:var(--space-lg)}.post-header-date{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);text-transform:lowercase}.post-header h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin:var(--space-sm) 0}.post-header-description{font-size:1.05rem;color:var(--text-secondary);line-height:1.6}.post-header-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-sm)}.prose{font-size:1.05rem;line-height:1.85}.prose h2{font-size:1.4rem;font-weight:600;letter-spacing:-.02em;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.prose h3{font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin-top:var(--space-lg);margin-bottom:var(--space-xs)}.prose p{margin-bottom:var(--space-md)}.prose ul,.prose ol{margin-bottom:var(--space-md);padding-left:var(--space-md)}.prose li{margin-bottom:var(--space-xs)}.prose blockquote{border-left:3px solid var(--accent);padding-left:var(--space-md);margin:var(--space-md) 0;color:var(--text-secondary);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.85em;background:#0000000a;padding:2px 6px;border-radius:3px}.prose pre{background:#1a1a1a;color:#faf8f5;padding:var(--space-md);border-radius:8px;overflow-x:auto;margin:var(--space-md) 0;font-size:.85rem;line-height:1.6}.prose pre code{background:none;padding:0;border-radius:0;color:inherit}.prose img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-md) 0}.prose hr{border:none;border-top:1px solid var(--border);margin:var(--space-lg) 0}.post-footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border)}.back-link{font-size:.875rem;color:var(--text-secondary)}.back-link:hover{color:var(--accent)}@media(max-width:600px){.blog-container{padding:var(--space-md) var(--space-sm)}.post-header h1{font-size:1.5rem}.prose{font-size:1rem}}
