.blog-main{position:relative;z-index:1;padding-top:96px;padding-bottom:96px}.blog-head{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in oklch,var(--ink) 82%,transparent);border-bottom:1px solid var(--line-soft)}.blog-head-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;height:64px}.blog-head-links{display:flex;align-items:center;gap:22px;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.02em;color:var(--muted)}.blog-head-links a.active,.blog-head-links a:hover{color:var(--text)}.post{max-width:760px;margin:0 auto}.post-lede{font-size:clamp(18px,2.2vw,22px);line-height:1.5;color:var(--text-dim);font-weight:400;margin-top:18px}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.post-meta .tag{color:var(--accent);border:1px solid var(--accent-edge);border-radius:999px;padding:3px 11px}.prose{color:var(--text-dim);font-size:16.5px}.prose p{margin:1.2rem 0 0;line-height:1.78}.prose h2{font-family:var(--font-display);color:var(--text);font-weight:600;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;line-height:1.2;margin:3rem 0 0}.prose h2 .step{color:var(--accent)}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--accent);text-decoration:none}.prose a:hover{text-decoration:underline}.prose ul{margin:1.1rem 0 0;padding:0;list-style:none}.prose li{position:relative;padding-left:1.4rem;margin-top:.6rem;line-height:1.7}.prose li:before{content:"";position:absolute;left:0;top:.62rem;width:.42rem;height:.42rem;border-radius:999px;background:var(--accent)}.post-callout{margin:2rem 0 0;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 14px 14px 0;padding:20px 22px;color:var(--text-dim)}.post-callout strong{color:var(--text)}.post-tldr{margin-top:28px;padding:24px}.embed-frame{margin-top:22px;border:1px solid var(--line-soft);border-radius:18px;overflow:hidden;background:var(--ink-2);box-shadow:0 24px 80px rgba(0,0,0,.3)}.embed-frame iframe{display:block;width:100%;height:820px;border:0}.chart{margin:1.9rem 0 .5rem}.chart-frame{border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;background:var(--ink-2)}.chart-frame iframe{display:block;width:100%;height:360px;border:0}.chart-frame.tall iframe{height:580px}.chart figcaption{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--muted);margin-top:10px;padding-left:2px}.chart figcaption .src{color:var(--accent)}.blog-list{display:grid;gap:18px;margin-top:30px}.blog-card{padding:28px;transition:border-color .18s ease,transform .18s ease;display:block}.blog-card:hover{border-color:var(--accent-edge);transform:translateY(-2px)}.blog-card h3{font-family:var(--font-display);color:var(--text);font-weight:600;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.02em;margin:12px 0 0}.section-gap{margin-top:64px}.code-block{margin-top:14px;padding:14px 16px;background:var(--ink-2);border:1px solid var(--line-soft);border-radius:12px;font-size:12.5px;line-height:1.7;color:var(--text-dim);overflow-x:auto;white-space:pre}.back-link{font-family:var(--font-mono);font-size:12.5px;color:var(--muted)}.back-link:hover{color:var(--text)}