.art-hero{border-bottom:1px solid var(--border);padding:4rem 3rem 3.5rem;max-width:1200px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);transition:color .2s;margin-bottom:2.5rem;text-decoration:none}.back-link:hover{color:var(--lime)}.back-link:before{content:"←";font-size:14px}.art-meta{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;flex-wrap:wrap}.art-cat{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;border:1px solid}.cat-red{color:#ff8080;border-color:#f23a3a66}.cat-lime{color:var(--lime);border-color:#c8f23a66}.cat-blue{color:#7ab5ff;border-color:#3a8ef266}.art-date{font-family:var(--mono);font-size:11px;color:var(--muted)}.art-read{font-family:var(--mono);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.art-read:before{content:"//";color:var(--lime)}.art-title{font-size:clamp(32px,4vw,52px);font-weight:900;letter-spacing:-.03em;line-height:1.05;color:var(--white);margin-bottom:1.5rem}.art-subtitle{font-size:18px;color:#f5f4f0c7;font-weight:300;line-height:1.6;max-width:680px;margin-bottom:2rem}.art-author{display:flex;align-items:center;gap:14px;padding-top:1.5rem;border-top:1px solid var(--border)}.author-av{width:40px;height:40px;background:var(--lime);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--black);flex-shrink:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-size:14px;font-weight:600;color:var(--white)}.author-role{font-family:var(--mono);font-size:11px;color:var(--muted)}.art-layout{display:grid;grid-template-columns:1fr 260px;max-width:1200px;margin:0 auto;align-items:start}.art-body{padding:4rem 4rem 4rem 3rem;border-right:1px solid var(--border)}.art-body h2{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--white);margin:3rem 0 1.25rem;padding-top:1rem;scroll-margin-top:80px}.art-body h2:before{content:"# ";font-family:var(--mono);color:var(--lime);font-size:16px;font-weight:400}.art-body h3{font-size:18px;font-weight:700;color:var(--white);margin:2rem 0 .75rem;scroll-margin-top:80px}.art-body h3:before{content:"## ";font-family:var(--mono);color:#c8f23a80;font-size:13px;font-weight:400}.art-body p{font-size:16px;line-height:1.9;color:#f5f4f0d1;font-weight:300;margin-bottom:1.5rem}.art-body p strong{color:var(--white);font-weight:600}.art-body p em{color:#f5f4f0d9;font-style:italic}.art-body a{color:var(--lime);text-decoration:none;border-bottom:1px solid rgba(200,242,58,.3);transition:border-color .2s}.art-body a:hover{border-color:var(--lime)}.art-body pre{background:#f5f4f00a;border:1px solid var(--border);border-left:3px solid var(--lime);padding:1.5rem;margin:2rem 0;overflow-x:auto;position:relative}.art-body code{font-family:var(--mono);font-size:13px;color:#c8f23ad9;line-height:1.7}.art-body p code{background:#c8f23a14;border:1px solid rgba(200,242,58,.2);padding:2px 7px;font-size:12px;border-radius:2px}.art-body blockquote{border-left:3px solid var(--lime);padding:1.25rem 1.5rem;margin:2rem 0;background:var(--lime-dim)}.art-body blockquote p{font-size:16px;color:var(--white);font-style:italic;margin:0;font-weight:400}.art-body blockquote cite{font-family:var(--mono);font-size:11px;color:var(--muted);display:block;margin-top:.75rem;font-style:normal}.callout,.callout-lime{border:1px solid rgba(242,58,58,.3);background:#f23a3a0f;padding:1.25rem 1.5rem;margin:2rem 0}.callout-lime{border-color:#c8f23a4d;background:#c8f23a0f}.art-body hr{border:none;border-top:1px solid var(--border);margin:3rem 0}.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.atag{font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:5px 12px;border:1px solid var(--border);color:var(--muted);transition:all .2s;cursor:pointer}.atag:hover{border-color:#c8f23a66;color:var(--lime)}.share-row{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);flex-wrap:wrap}.share-label{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.share-btn{font-family:var(--mono);font-size:11px;letter-spacing:.08em;padding:7px 16px;border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .2s;background:transparent}.share-btn:hover{border-color:#c8f23a66;color:var(--lime);background:var(--lime-dim)}.toc-wrap{padding:3rem 2rem;position:sticky;top:54px}.toc-label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.toc-list{list-style:none;display:flex;flex-direction:column;gap:2px}.toc-item a{font-family:var(--mono);font-size:11px;color:var(--muted);text-decoration:none;padding:5px 0 5px 12px;display:block;border-left:2px solid transparent;transition:all .2s;line-height:1.5;letter-spacing:.02em}.toc-item a:hover{color:var(--white);border-left-color:var(--lime)}.toc-item a.active{color:var(--lime);border-left-color:var(--lime)}.toc-item.sub a{padding-left:24px;font-size:10px}.toc-progress{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.progress-label{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:flex;justify-content:space-between}.progress-bar{height:2px;background:#f5f4f014;width:100%}.progress-fill{height:100%;background:var(--lime);width:0%;transition:width .1s}.author-bio-box{max-width:1200px;margin:0 auto;padding:3rem;border-top:1px solid var(--border);display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start}.bio-av{width:72px;height:72px;background:var(--lime);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:18px;font-weight:700;color:var(--black);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.bio-name{font-size:18px;font-weight:800;color:var(--white);margin-bottom:4px}.bio-role{font-family:var(--mono);font-size:11px;color:var(--lime);margin-bottom:1rem;letter-spacing:.08em}.bio-text{font-size:14px;color:#f5f4f0c7;line-height:1.75;font-weight:300;margin-bottom:1rem}.bio-links{display:flex;gap:10px;flex-wrap:wrap}.bio-link{font-family:var(--mono);font-size:10px;letter-spacing:.08em;padding:5px 14px;border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:all .2s;text-decoration:none}.bio-link:hover{border-color:#c8f23a66;color:var(--lime)}@media (max-width: 900px){.art-layout{grid-template-columns:1fr}.toc-wrap{display:none}.art-body{padding:2rem 1.5rem;border-right:none}.art-hero{padding:2.5rem 1.5rem 2rem}.author-bio-box{padding:2rem 1.5rem;grid-template-columns:1fr}}