.blog-post-page{background:var(--color-paper);min-height:calc(100vh - 4rem);padding:6.5rem 1rem 4rem;position:relative}.blog-post-page:before{content:"";pointer-events:none;opacity:.65;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.09 0 0 0 0 0.16 0 0 0 0.035 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.blog-post-page>.container{z-index:1;position:relative}.back-link{min-height:44px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);align-items:center;gap:.375rem;margin-bottom:1.5rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--color-accent);text-decoration:none}.blog-post{max-width:720px;margin:0 auto}.post-header{margin-bottom:2.5rem}.post-header h1{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--color-ink);margin-top:.75rem;margin-bottom:.75rem;font-size:clamp(2rem,6vw,3rem);line-height:1.1}.post-date{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-text-muted);margin:0;font-size:.8125rem}.post-content{color:var(--color-text);max-width:68ch;font-size:clamp(1rem,.95rem + .3vw,1.125rem);line-height:1.75}.post-content p{margin-bottom:1.25rem}.post-content h2{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--color-ink);margin-top:2.5rem;margin-bottom:1rem;font-size:clamp(1.375rem,1.2rem + .8vw,1.75rem);line-height:1.2}.post-content h3{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--color-ink);margin-top:2rem;margin-bottom:.75rem;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.25}.post-content ul,.post-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.post-content a:hover{color:var(--color-brand-800)}.post-content strong{color:var(--color-ink);font-weight:600}.post-content blockquote{border-left:3px solid var(--color-accent);font-family:var(--font-serif);color:var(--color-ink-soft);margin:1.75rem 0;padding:.5rem 0 .5rem 1.25rem;font-size:1.1875rem;font-style:italic;line-height:1.5}.post-content :not(pre)>code{font-family:var(--font-mono);background:var(--color-paper-deep);border:1px solid var(--color-line);border-radius:6px;padding:.15em .4em;font-size:.875em}.post-content pre{background:var(--color-deep);color:#e8e2d4;-webkit-overflow-scrolling:touch;border-radius:12px;margin:1.75rem 0;padding:1.25rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.post-content pre code{color:inherit;background:0 0;border:none;padding:0}.post-content img{border:1px solid var(--color-line);border-radius:12px;width:100%;height:auto;margin:1.75rem 0}.post-signoff{font-family:var(--font-serif);color:var(--color-text-muted);margin-top:2rem;font-size:1.125rem;font-style:italic}@media (width>=768px){.blog-post-page{padding:5rem 1.5rem 6rem}.post-header{margin-bottom:3rem}}@media (width>=1024px){.blog-post-page{padding:6rem 2rem 8rem}}@media (height<=500px) and (orientation:landscape){.blog-post-page{padding-top:4.5rem;padding-bottom:3rem}.post-header{margin-bottom:1.5rem}}@media print{.blog-post-page{background:#fff;padding:0}.blog-post-page:before,.back-link{display:none}.post-content{color:#000;max-width:none}.post-content a{color:#000;text-decoration:underline}.post-content pre{color:#000;background:#f5f5f5;border:1px solid #ccc}}