:root{--color-bg: #f4f1ea;--color-bg-alt: #eeebe0;--color-text: #1a1714;--color-text-muted: rgba(26, 23, 20, .62);--color-text-secondary: rgba(26, 23, 20, .7);--color-accent: #9a3b2e;--color-border: rgba(26, 23, 20, .16);--color-surface: rgba(26, 23, 20, .025);--font-display: "Fraunces", "Times New Roman", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace}[data-theme=dark]{--color-bg: #0e0d0b;--color-bg-alt: #15130f;--color-text: #ece7dd;--color-text-muted: rgba(236, 231, 221, .6);--color-text-secondary: rgba(236, 231, 221, .72);--color-accent: #e0795f;--color-border: rgba(236, 231, 221, .16);--color-surface: rgba(236, 231, 221, .03)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .5s,color .5s}.cursor{display:none!important}.container{max-width:740px;margin:0 auto;padding:0 24px}.blog-page{min-height:100vh;padding:80px 0}.blog-page-header{margin-bottom:60px}.blog-page-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:380;letter-spacing:-.02em;line-height:1.1}.blog-post-back{display:inline-block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--color-text-muted);margin-bottom:24px;transition:color .3s ease}.blog-post-back:hover{color:var(--color-accent)}.blog-posts-list .container{display:flex;flex-direction:column;gap:0}.blog-post-item{display:grid;grid-template-columns:100px 1fr 30px;align-items:center;gap:24px;padding:20px 0;text-decoration:none;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background .3s ease}.blog-post-item:first-child{border-top:1px solid var(--color-border)}.blog-post-item:hover{background:var(--color-surface)}.blog-post-date{font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted);letter-spacing:.05em}.blog-post-info h2{font-family:var(--font-display);font-size:1.15rem;font-weight:420;margin-bottom:4px;line-height:1.3}.blog-post-info p{font-size:.88rem;color:var(--color-text-secondary);line-height:1.5}.blog-post-arrow{font-size:18px;color:var(--color-text-muted);transition:transform .3s ease,color .3s ease}.blog-post-item:hover .blog-post-arrow{transform:translate(4px);color:var(--color-accent)}.blog-post-page{min-height:100vh;padding:80px 24px;max-width:740px;margin:0 auto}.blog-post-header{margin-bottom:48px}.blog-post-page-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:380;line-height:1.2;margin-bottom:16px;letter-spacing:-.01em}.blog-post-page-meta{display:flex;flex-wrap:wrap;gap:16px;font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted);letter-spacing:.05em}.blog-post-content{font-size:1rem;line-height:1.8;color:var(--color-text-secondary)}.blog-post-content h2{font-family:var(--font-display);font-size:1.5rem;font-weight:420;color:var(--color-text);margin:48px 0 16px;letter-spacing:-.01em}.blog-post-content h3{font-family:var(--font-display);font-size:1.25rem;font-weight:420;color:var(--color-text);margin:36px 0 12px}.blog-post-content p{margin-bottom:20px}.blog-post-content a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.blog-post-content a:hover{border-bottom-color:var(--color-accent)}.blog-post-content ul,.blog-post-content ol{margin:16px 0;padding-left:24px}.blog-post-content li{margin-bottom:8px}.blog-post-content strong{color:var(--color-text);font-weight:600}.blog-post-content blockquote{margin:24px 0;padding:16px 20px;border-left:2px solid var(--color-accent);color:var(--color-text-muted);font-family:var(--font-display);font-style:italic;font-size:1.05rem}.blog-post-content code{font-family:var(--font-mono);font-size:.85rem;background:var(--color-surface);border:1px solid var(--color-border);padding:2px 6px;border-radius:3px}.blog-post-content pre{margin:24px 0;padding:20px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:4px;overflow-x:auto}.blog-post-content pre code{background:none;border:none;padding:0;font-size:.82rem;line-height:1.6}.blog-post-content img{max-width:100%;height:auto;border-radius:4px;margin:24px 0}@media(max-width:768px){.blog-post-item{grid-template-columns:1fr auto;gap:12px}.blog-post-date{grid-column:1 / -1;font-size:.66rem;margin-bottom:-8px}.blog-post-info{grid-column:1}.blog-post-arrow{grid-column:2;align-self:center}.blog-post-page{padding:60px 16px}.blog-page{padding:60px 0}}@media(max-width:480px){.blog-page-title{font-size:2rem}.blog-post-info h2{font-size:1rem}.blog-post-page-meta{gap:10px}}
