.blog-nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009;border-bottom:1px solid rgba(255,255,255,.05);transform:translateY(0);transition:transform .4s var(--ease-out)}.blog-nav--hidden{transform:translateY(-100%)}.blog-nav__monogram{font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:.05em;color:var(--accent)}.blog-nav__links{display:flex;gap:var(--space-md)}.blog-nav__link{font-size:.875rem;color:var(--text-muted);transition:color .3s ease;letter-spacing:.02em}.blog-nav__link:hover{color:var(--text-primary)}.blog-index{max-width:720px;margin:0 auto;padding:calc(var(--space-xl) + 60px) var(--space-md) var(--space-xl);min-height:100vh}.blog-index__heading{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:500;letter-spacing:-.03em;margin-bottom:var(--space-xs)}.blog-index__subheading{font-size:.9375rem;color:var(--text-muted);margin-bottom:var(--space-xl);line-height:1.6}.blog-index__list{list-style:none;display:flex;flex-direction:column;gap:0}.blog-index__item{padding:var(--space-md) 0;border-bottom:1px solid rgba(255,255,255,.06);transition:opacity .3s ease}.blog-index__item:first-child{border-top:1px solid rgba(255,255,255,.06)}.blog-index__list:hover .blog-index__item{opacity:.3}.blog-index__list:hover .blog-index__item:hover{opacity:1}.blog-index__link{display:block;position:relative}.blog-index__link:after{content:"";position:absolute;bottom:calc(var(--space-md) * -1);left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}.blog-index__link:hover:after{transform:scaleX(1)}.blog-index__item-title{font-family:var(--font-display);font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:500;margin-bottom:.375rem;line-height:1.3}.blog-index__item-desc{font-size:.875rem;color:var(--text-muted);line-height:1.6;margin-bottom:.5rem}.blog-index__item-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.blog-index__item-date{font-size:.8125rem;color:var(--text-dim)}.blog-index__item-tags{display:flex;gap:.375rem;flex-wrap:wrap}.blog-index__tag{font-size:.6875rem;color:var(--accent);background:var(--accent-dim);padding:.125rem .5rem;border-radius:100px;letter-spacing:.03em}.blog-post{max-width:720px;margin:0 auto;padding:calc(var(--space-xl) + 60px) var(--space-md) var(--space-lg)}.blog-post__header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.06)}.blog-post__tags{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:var(--space-sm)}.blog-post__tag{font-size:.6875rem;color:var(--accent);background:var(--accent-dim);padding:.125rem .5rem;border-radius:100px;letter-spacing:.03em;text-transform:lowercase}.blog-post__title{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.75rem);font-weight:500;letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--space-sm)}.blog-post__meta{font-size:.875rem;color:var(--text-dim)}.prose{font-size:1.0625rem;line-height:1.8;color:#ffffffd9}.prose>*+*{margin-top:1.5em}.prose h2{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.625rem);font-weight:500;letter-spacing:-.02em;color:var(--text-primary);margin-top:3em;margin-bottom:.75em;line-height:1.25}.prose h2:first-child{margin-top:0}.prose h3{font-family:var(--font-display);font-size:clamp(1.0625rem,2.5vw,1.25rem);font-weight:500;letter-spacing:-.01em;color:var(--text-primary);margin-top:2.5em;margin-bottom:.5em;line-height:1.3}.prose p{margin-top:1.25em;margin-bottom:0}.prose strong{color:var(--text-primary);font-weight:500}.prose em{font-style:italic;color:#ffffffbf}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:#8cd1f04d;text-underline-offset:3px;transition:text-decoration-color .3s ease}.prose a:hover{text-decoration-color:var(--accent)}.prose ul,.prose ol{padding-left:1.5em;margin-top:1em;margin-bottom:1em}.prose li{margin-top:.5em}.prose li::marker{color:var(--text-dim)}.prose blockquote{border-left:3px solid var(--accent);padding-left:1.25em;margin:2em 0;color:#ffffffb3;font-style:italic}.prose hr{border:none;height:1px;background:#ffffff14;margin:3em 0}.prose code{font-family:JetBrains Mono,monospace;font-size:.875em}.prose :not(pre)>code{background:#ffffff14;padding:.15em .4em;border-radius:4px;color:var(--accent);font-size:.85em}.prose pre{background:#0d1117!important;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:1.25em 1.5em;overflow-x:auto;margin:1.75em 0;font-size:.875rem;line-height:1.7;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.prose pre::-webkit-scrollbar{height:6px}.prose pre::-webkit-scrollbar-track{background:transparent}.prose pre::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.prose pre code{background:none;padding:0;border-radius:0;color:inherit;font-size:inherit}.prose table{width:100%;border-collapse:collapse;margin:1.75em 0;font-size:.9375rem}.prose thead th{text-align:left;font-family:var(--font-display);font-weight:500;font-size:.8125rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.75em 1em;border-bottom:1px solid rgba(255,255,255,.12)}.prose tbody td{padding:.75em 1em;border-bottom:1px solid rgba(255,255,255,.04);color:#ffffffbf;vertical-align:top}.prose tbody tr:hover{background:#ffffff05}.prose img{border-radius:8px;border:1px solid rgba(255,255,255,.06);margin:2em 0}.blog-footer{max-width:720px;margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)}.blog-footer__back{font-size:.875rem;color:var(--accent);transition:opacity .3s ease}.blog-footer__back:hover{opacity:.7}.blog-footer__copy{font-size:.8125rem;color:var(--text-dim)}@media(max-width:640px){.blog-nav,.blog-post,.blog-index,.blog-footer{padding-left:1.25rem;padding-right:1.25rem}.prose pre{margin-left:-1.25rem;margin-right:-1.25rem;border-radius:0;border-left:none;border-right:none;padding-left:1.25rem;padding-right:1.25rem}}