.post-header{position:relative;padding:132px 0 56px;overflow:hidden;border-bottom:1px solid var(--border)}.post-header:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.85;background:var(--post-grad, var(--grad));-webkit-mask:linear-gradient(180deg,rgba(0,0,0,.55),transparent);mask:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-muted);margin-bottom:26px;transition:color .2s,gap .2s}.back-link:hover{color:#fff;gap:12px}.back-link svg{width:16px;height:16px}.post-header h1{font-size:clamp(1.9rem,4.6vw,3rem);letter-spacing:-.02em;line-height:1.18;max-width:20ch;margin:14px 0 20px}.post-meta{display:flex;flex-wrap:wrap;gap:18px;font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.post-meta span{display:inline-flex;align-items:center;gap:7px}.post-meta svg{width:15px;height:15px;opacity:.8}.post-wrap{max-width:800px;margin:0 auto;padding:0 24px}.blog-body{padding:52px 0 40px;font-size:1.04rem;color:var(--text-muted)}.blog-body>*:first-child{margin-top:0}.blog-body h2{font-size:1.55rem;color:var(--text);letter-spacing:-.01em;margin:44px 0 14px;padding-top:10px}.blog-body h3{font-size:1.22rem;color:var(--text);margin:32px 0 10px}.blog-body p{line-height:1.85;margin:0 0 18px}.blog-body a{color:var(--c-cyan);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#22d3ee66}.blog-body a:hover{text-decoration-color:var(--c-cyan)}.blog-body strong{color:var(--text);font-weight:600}.blog-body ul,.blog-body ol{line-height:1.85;padding-left:24px;margin:0 0 18px}.blog-body li{margin-bottom:8px}.blog-body li::marker{color:var(--c-indigo)}.blog-body img{border-radius:var(--r);border:1px solid var(--border);margin:24px 0}.blog-body hr{border:none;border-top:1px solid var(--border);margin:40px 0}.blog-body blockquote{margin:24px 0;padding:4px 20px;border-left:3px solid var(--c-indigo);color:var(--text);font-style:italic}.blog-body code:not(pre code){background:#22d3ee1a;color:var(--c-cyan);padding:2px 7px;border-radius:5px;font-family:var(--font-mono);font-size:.86em;border:1px solid rgba(34,211,238,.18)}.blog-body pre{background:#070a12;border:1px solid var(--border);color:#cdd6f4;border-radius:var(--r-sm);padding:20px 22px;overflow-x:auto;margin:22px 0;font-size:.88rem;line-height:1.7;font-family:var(--font-mono)}.blog-body pre code{background:none!important;color:inherit!important;padding:0!important;border:none!important}.blog-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.92rem;overflow:hidden;border-radius:var(--r-sm);border:1px solid var(--border)}.blog-body th{background:var(--surface-2);color:var(--text);padding:12px 15px;text-align:left}.blog-body td{padding:12px 15px;border-top:1px solid var(--border)}.callout{border:1px solid var(--border);border-left:3px solid var(--c-cyan);background:var(--surface);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:16px 20px;margin:22px 0;color:var(--text-muted)}.callout.tip{border-left-color:#febc2e}.post-nav{max-width:800px;margin:0 auto 72px;padding:0 24px}.post-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:28px}.nav-post{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);max-width:44%;min-width:0;transition:border-color .2s,background .2s,transform .2s}.nav-post:hover{border-color:var(--border-strong);background:var(--surface-2);transform:translateY(-2px)}.nav-post .arrow{color:var(--c-cyan);font-size:1.2rem;flex-shrink:0}.nav-post .label{display:flex;flex-direction:column;min-width:0}.nav-post .hint{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.nav-post .name{font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-post.next .label{text-align:right}.nav-disabled{visibility:hidden}.nav-all{font-family:var(--font-mono);font-size:.82rem;padding:9px 18px;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-muted);white-space:nowrap;flex-shrink:0;transition:color .2s,border-color .2s}.nav-all:hover{color:var(--text);border-color:var(--accent)}@media (max-width: 640px){.blog-body{padding:40px 0 32px}.nav-post .name{display:none}}