.article-page .progress-top{z-index:60;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.article-page .progress-top>span{background:linear-gradient(90deg,var(--accent-blue),var(--cyan-500));width:0;height:100%;transition:width 80ms linear;display:block}.article-page .ahead{padding:40px 0 0}.article-page .crumb{font-family:var(--font-mono);letter-spacing:.04em;color:var(--slate-500);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;text-decoration:none;display:inline-flex}.article-page .crumb:hover{color:var(--blue-600);text-decoration:none}.article-page .crumb .ar{transition:transform var(--dur)var(--ease-out)}.article-page .crumb:hover .ar{transform:translate(-3px)}.article-page .ahead__inner{max-width:760px;margin:26px auto 0}.article-page .ahead__cat{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-blue);align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.article-page .ahead__cat .sq{background:var(--accent-blue);width:7px;height:7px}.article-page .ahead h1{letter-spacing:-.03em;color:var(--ink-900);margin:14px 0 0;font-size:clamp(32px,4.6vw,52px);line-height:1.05}.article-page .ahead__deck{color:var(--slate-600);max-width:64ch;margin:22px 0 0;font-size:20px;line-height:1.55}.article-page .ahead__meta{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;margin:30px 0 0;padding-bottom:34px;display:flex}.article-page .byline{align-items:center;gap:11px;display:flex}.article-page .byline .avatar{width:40px;height:40px;font-size:14px}.article-page .byline .who{flex-direction:column;line-height:1.35;display:flex}.article-page .byline .who b{color:var(--ink-900);font-size:14px;font-weight:600}.article-page .byline .who span{font-family:var(--font-mono);color:var(--slate-400);font-size:11px}.article-page .ahead__meta .mrow{align-items:center;gap:14px;margin-left:auto;display:flex}.article-page .ahead__meta .mrow span{font-family:var(--font-mono);color:var(--slate-500);font-size:12px}.article-page .ahead__meta .mrow .dot{background:var(--slate-300);border-radius:50%;width:3px;height:3px}.article-page .hero-fig{max-width:1000px;margin:38px auto 0}.article-page .figbox{border:1px solid var(--line);border-radius:0 var(--r-card)var(--r-card)var(--r-card);background:repeating-linear-gradient(135deg,var(--slate-100)0 16px,var(--slate-50)16px 32px);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.article-page .figbox:before{content:"";background:var(--blue-500);z-index:2;width:36px;height:3px;position:absolute;top:0;left:0}.article-page .hero-fig .figbox{height:440px}.article-page .article{padding:52px 0 80px}.article-page .article__grid{grid-template-columns:minmax(0,760px) 220px;justify-content:center;align-items:start;gap:56px;display:grid}.article-page .prose{counter-reset:prose-h2;max-width:760px}.article-page .prose>*+*{margin-top:24px}.article-page .prose h2{letter-spacing:-.02em;color:var(--ink-900);margin-top:52px;scroll-margin-top:90px;font-size:28px;line-height:1.2}.article-page .prose h2:before{counter-increment:prose-h2;content:counter(prose-h2,decimal-leading-zero);font-family:var(--font-mono);color:var(--accent-blue);margin-right:12px;font-size:14px;font-weight:600}.article-page .prose h3{color:var(--ink-900);margin-top:36px;scroll-margin-top:90px;font-size:20px;font-weight:600}.article-page .prose>:first-child{margin-top:0}.article-page .prose p{color:var(--ink-700);font-size:17.5px;line-height:1.72}.article-page .prose a{color:var(--accent-blue);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.article-page .prose ul{flex-direction:column;gap:12px;margin:0;padding-left:0;list-style:none;display:flex}.article-page .prose ul li{color:var(--ink-700);padding-left:26px;font-size:17px;line-height:1.65;position:relative}.article-page .prose ul li:before{content:"";background:var(--accent-blue);width:7px;height:7px;position:absolute;top:11px;left:4px}.article-page .prose ol{flex-direction:column;gap:12px;margin:0;padding-left:24px;list-style:decimal;display:flex}.article-page .prose ol li{color:var(--ink-700);padding-left:6px;font-size:17px;line-height:1.65}.article-page .prose code{font-family:var(--font-mono);color:var(--ink-800);background:var(--slate-100);border-radius:var(--r-1);padding:.12em .42em;font-size:.88em}.article-page .prose strong{color:var(--ink-900);font-weight:600}.article-page .prose figure{margin:40px 0}.article-page .prose img{border:1px solid var(--line);border-radius:0 var(--r-card)var(--r-card)var(--r-card);width:100%;height:auto}.article-page .prose figcaption{font-family:var(--font-mono);color:var(--slate-400);letter-spacing:.02em;margin-top:12px;font-size:12px}.article-page .prose blockquote{border-left:3px solid var(--accent-blue);margin:44px 0;padding:4px 0 4px 28px}.article-page .prose blockquote p{letter-spacing:-.01em;color:var(--ink-900);font-size:24px;font-weight:500;line-height:1.4}.article-page .prose blockquote cite{font-family:var(--font-mono);color:var(--slate-500);letter-spacing:.04em;margin-top:14px;font-size:12px;font-style:normal;display:block}.article-page .prose pre{background:var(--navy-900);border-radius:0 var(--r-card)var(--r-card)var(--r-card);font-family:var(--font-mono);color:#c8d2e8;margin:40px 0;padding:18px 18px 20px;font-size:13px;line-height:1.75;position:relative;overflow-x:auto}.article-page .prose pre:before{content:"";background:var(--cyan-500);z-index:2;width:34px;height:3px;position:absolute;top:0;left:0}.article-page .prose pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}.article-page .prose table{border-collapse:collapse;border:1px solid var(--line);width:100%;margin:40px 0}.article-page .prose table th{text-align:left;font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--slate-500);border-bottom:1px solid var(--line);background:var(--slate-50);padding:11px 18px;font-size:11px;font-weight:600}.article-page .prose table td{border-bottom:1px solid var(--line-soft);color:var(--ink-800);padding:13px 18px;font-size:14.5px}.article-page .prose table tr:last-child td{border-bottom:none}.article-page .prose hr{border:0;border-top:1px solid var(--line);margin:44px 0}.article-page .toc{position:sticky;top:92px}.article-page .toc h5{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--slate-400);margin:0 0 16px;font-size:11px;font-weight:600}.article-page .toc ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.article-page .toc a{border-left:2px solid var(--line);color:var(--slate-500);transition:color var(--dur)var(--ease-out),border-color var(--dur)var(--ease-out);padding:7px 0 7px 16px;font-size:13.5px;line-height:1.4;text-decoration:none;display:block}.article-page .toc a:hover{color:var(--ink-900);text-decoration:none}.article-page .toc a.is-active{color:var(--blue-600);border-left-color:var(--blue-500);font-weight:600}.article-page .toc a.toc__lvl3{padding-left:30px}.article-page .toc__actions{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.article-page .toc__actions:first-child{border-top:none;margin-top:0;padding-top:0}.article-page .endwrap{max-width:760px;margin:0 auto}.article-page .authorcard{background:var(--card);border:1px solid var(--line);border-radius:0 var(--r-card)var(--r-card)var(--r-card);box-shadow:var(--shadow-2);align-items:flex-start;gap:18px;margin-top:56px;padding:26px 28px;display:flex;position:relative}.article-page .authorcard:before{content:"";background:var(--blue-500);width:30px;height:3px;position:absolute;top:0;left:0}.article-page .authorcard .avatar{flex:none;width:52px;height:52px;font-size:18px}.article-page .authorcard h4{color:var(--ink-900);margin:0;font-size:16px}.article-page .authorcard .role{font-family:var(--font-mono);color:var(--slate-400);margin:3px 0 0;font-size:12px}.article-page .authorcard .bio{color:var(--slate-600);margin:12px 0 0;font-size:14.5px;line-height:1.6}.article-page .pager{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.article-page .pager a{background:var(--card);border:1px solid var(--line);border-radius:0 var(--r-card)var(--r-card)var(--r-card);box-shadow:var(--shadow-1);transition:box-shadow var(--dur)var(--ease-out),transform var(--dur)var(--ease-out);flex-direction:column;gap:8px;padding:22px 24px;text-decoration:none;display:flex}.article-page .pager a:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.article-page .pager .dir{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--slate-400);font-size:11px}.article-page .pager .t{color:var(--ink-900);font-size:16px;font-weight:600;line-height:1.3}.article-page .pager a:hover .t{color:var(--blue-600)}.article-page .pager .next{text-align:right;align-items:flex-end}.article-page .related{padding:0 0 88px}.article-page .related .section-label{align-items:center;gap:10px;margin-bottom:26px;display:flex}.article-page .related .section-label h3{color:var(--ink-900);align-items:center;gap:10px;margin:0;font-size:15px;font-weight:600;display:inline-flex}.article-page .related .section-label h3:before{content:"";background:var(--blue-500);width:18px;height:2px}.article-page .related-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.article-page .post{flex-direction:column;gap:13px;text-decoration:none;display:flex}.article-page .post__media{border-radius:0 var(--r-card)var(--r-card)var(--r-card);border:1px solid var(--line);background:repeating-linear-gradient(135deg,var(--slate-100)0 14px,var(--slate-50)14px 28px);height:168px;transition:box-shadow var(--dur)var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.article-page .post__media:before{content:"";background:var(--blue-500);z-index:2;width:30px;height:3px;position:absolute;top:0;left:0}.article-page .post__media .tag{font-family:var(--font-mono);letter-spacing:.07em;color:var(--slate-500);text-transform:uppercase;background:var(--card);border:1px solid var(--line);border-radius:var(--r-1);padding:5px 10px;font-size:10.5px}.article-page .post:hover .post__media{box-shadow:var(--shadow-2)}.article-page .post__cat{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-blue);font-size:11px;font-weight:600}.article-page .post h3{color:var(--ink-900);letter-spacing:-.01em;margin:0;font-size:18px;line-height:1.28}.article-page .post:hover h3{color:var(--blue-600)}.article-page .post__meta{font-family:var(--font-mono);color:var(--slate-400);font-size:12px}@media (max-width:980px){.article-page .article__grid{grid-template-columns:1fr;gap:0}.article-page .toc{position:static}.article-page .toc__nav{display:none}.article-page .toc__actions{border-top:none;margin-top:0;padding-top:24px}.article-page .hero-fig .figbox{height:320px}.article-page .related-grid{grid-template-columns:1fr}}@media (max-width:620px){.article-page .pager{grid-template-columns:1fr}.article-page .ahead__meta .mrow{margin-left:0}}