.article-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;backdrop-filter:blur(14px);background:color-mix(in oklch,var(--bg-0) 72%,transparent);border-bottom:1px solid var(--border-soft)}.back-link{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:.85rem;color:var(--muted);transition:color .25s,gap .25s}.back-link:hover{color:var(--accent);gap:13px}.back-link svg{width:16px;height:16px}.read-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);width:0;z-index:101;box-shadow:0 0 10px var(--accent)}.article{max-width:760px;margin:0 auto;padding:130px 28px 100px;position:relative;z-index:1}.article-meta{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.78rem;color:var(--faint);margin-bottom:22px;flex-wrap:wrap}.article-meta .post-tag{color:var(--accent);border:1px solid var(--accent-dim);border-radius:100px;padding:3px 11px}.article h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,5vw,3.1rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:24px}.article-lead{font-size:1.25rem;color:var(--muted);line-height:1.5;margin-bottom:16px;font-family:var(--font-display);font-weight:400}.article-byline{display:flex;align-items:center;gap:13px;padding:20px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);margin-bottom:44px}.article-byline .monogram{width:42px;height:42px;font-size:.95rem;flex:none}.article-byline .by-text{display:flex;flex-direction:column;gap:2px}.article-byline .by-name{font-weight:600;font-size:.95rem;line-height:1.2}.article-byline .by-role{font-family:var(--font-mono);font-size:.76rem;color:var(--faint);line-height:1.2}.article-body{font-size:1.12rem;line-height:1.75;color:var(--text)}.article-body>*{margin-bottom:26px}.article-body h2{font-family:var(--font-display);font-size:1.6rem;font-weight:600;letter-spacing:-.02em;margin-top:48px;margin-bottom:18px}.article-body h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-top:32px;margin-bottom:12px}.article-body p{color:var(--muted)}.article-body strong{color:var(--text);font-weight:600}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent-dim)}.article-body ul,.article-body ol{padding-left:4px;list-style:none;display:grid;gap:12px}.article-body li{position:relative;padding-left:26px;color:var(--muted)}.article-body ul li:before{content:"▹";position:absolute;left:0;color:var(--accent)}.article-body ol{counter-reset:step}.article-body ol li{counter-increment:step}.article-body ol li:before{content:counter(step);position:absolute;left:0;top:0;font-family:var(--font-mono);font-size:.8rem;color:var(--accent);font-weight:700}.article-body blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 22px;margin-left:0;font-family:var(--font-display);font-size:1.3rem;color:var(--text);line-height:1.4}.article-body pre{background:var(--bg-1);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:20px 22px;overflow-x:auto;font-family:var(--font-mono);font-size:.86rem;line-height:1.6;color:var(--text)}.article-body pre .c{color:var(--faint)}.article-body pre .k{color:var(--accent)}.article-body code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-2);border:1px solid var(--border-soft);padding:2px 7px;border-radius:6px;color:var(--accent-2)}.article-body pre code{background:none;border:none;padding:0;color:inherit}.callout{background:var(--bg-1);border:1px solid var(--border-soft);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:20px 24px;font-size:1rem}.callout .label{font-family:var(--font-mono);font-size:.74rem;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;display:block;margin-bottom:8px}.article-footer{margin-top:64px;padding-top:32px;border-top:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.blog-hero{padding:140px 0 40px}.blog-hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,6vw,3.8rem);letter-spacing:-.03em;line-height:1;margin-bottom:18px}.blog-hero p{color:var(--muted);font-size:1.1rem;max-width:560px}