.mi-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--accent);z-index:60}.mi-toc{background:var(--surface);border:1px solid var(--border-faint);padding:var(--space-5);margin-bottom:var(--space-7)}.mi-toc-heading{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--accent);margin:0 0 var(--space-4)}.mi-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);counter-reset:toc}.mi-toc-list li{counter-increment:toc}.mi-toc-link{display:block;font-size:var(--text-sm);color:var(--fg-2);padding:var(--space-2) var(--space-3);border-left:2px solid transparent;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.mi-toc-link:before{content:counter(toc) ". ";font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3);margin-right:var(--space-2)}.mi-toc-link:hover{color:var(--accent);background:var(--surface-green)}.mi-toc-link.active{color:var(--accent);border-left-color:var(--accent);background:var(--surface-green)}.mi-tag-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.mi-tag-filter{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fg-2);background:transparent;border:1px solid var(--border-faint);padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius-0);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.mi-tag-filter:hover{border-color:var(--accent);color:var(--accent)}.mi-tag-filter.active{background:var(--accent);color:var(--fg-on-green);border-color:var(--accent);font-weight:600}.mi-articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--border)}.mi-article-card{padding:var(--space-6);border-right:1px solid var(--border-faint);border-bottom:1px solid var(--border-faint);transition:background var(--dur-base) var(--ease-out)}.mi-article-card:nth-child(2n){border-right:0}.mi-article-card:nth-last-child(-n+2){border-bottom:0}.mi-article-card:last-child{border-bottom:0}.mi-article-card:hover{background:var(--surface-green)}.mi-article-link{display:block;text-decoration:none;color:inherit}.mi-article-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.mi-article-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3);letter-spacing:var(--track-wide);text-transform:uppercase}.mi-article-tags{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:var(--track-label)}.mi-article-title{font-size:var(--text-lg);font-weight:600;letter-spacing:var(--track-tight);margin:0 0 var(--space-3);line-height:var(--leading-tight)}.mi-article-excerpt{color:var(--fg-2);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0 0 var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mi-nav-link.active{color:var(--accent)}.mi-article{max-width:720px;margin:0 auto;padding:var(--space-8) 0 var(--space-9)}.mi-article-header{margin-bottom:var(--space-7)}.mi-article-title-single{font-size:clamp(var(--text-2xl),6vw,var(--text-4xl));font-weight:700;letter-spacing:var(--track-tight);line-height:var(--leading-tight);margin:var(--space-4) 0 var(--space-4)}.mi-article-subtitle{font-size:var(--text-lg);color:var(--fg-2);font-weight:400;line-height:var(--leading-normal);margin:0 0 var(--space-6);max-width:60ch}.mi-article-meta-single{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3);letter-spacing:var(--track-wide);padding-top:var(--space-4);border-top:1px solid var(--border-faint);margin-top:var(--space-6)}.mi-article-meta-single .author{color:var(--accent)}.mi-article-meta-single .date{text-transform:uppercase}.mi-article-meta-single .tags{color:var(--accent)}.mi-article-meta-single .reading-time{color:var(--fg-3)}.mi-article-featured{margin:var(--space-7) 0 var(--space-8);border:1px solid var(--border);box-shadow:var(--shadow-pixel);border-radius:var(--radius-0)}.mi-article-featured img{width:100%;height:auto;display:block;border-radius:var(--radius-0)}.mi-article-featured figcaption{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3);letter-spacing:var(--track-wide);padding:var(--space-3) var(--space-4);background:var(--surface);border-top:1px solid var(--border-faint);margin-top:-1px}.mi-article-content .lede{font-size:var(--text-lg);line-height:var(--leading-relaxed, 1.8);color:var(--fg-1);margin-bottom:var(--space-6)}.mi-article-content figure.mi-figure{margin:var(--space-6) 0;border:1px solid var(--border);box-shadow:var(--shadow-pixel);border-radius:var(--radius-0)}.mi-article-content figure.mi-figure img{width:100%;height:auto;display:block;border-radius:var(--radius-0);margin:0}.mi-article-content figure.mi-figure figcaption{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3);letter-spacing:var(--track-wide);padding:var(--space-3) var(--space-4);background:var(--surface);border-top:1px solid var(--border-faint);margin-top:0}.mi-article-content .equation{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-1);background:var(--surface);border-left:3px solid var(--accent);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0;overflow-x:auto;white-space:nowrap;border-radius:0 var(--radius-0) var(--radius-0) 0}.mi-article-content .aside{font-style:italic;color:var(--fg-3);border-left:2px solid var(--border-faint);padding-left:var(--space-5);margin:var(--space-5) 0;font-size:var(--text-sm)}.mi-article-content{font-size:var(--text-md);line-height:var(--leading-normal);color:var(--fg-1)}.mi-article-content h2{font-size:var(--text-2xl);font-weight:600;letter-spacing:var(--track-tight);line-height:var(--leading-tight);margin:var(--space-8) 0 var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-faint)}.mi-article-content h3{font-size:var(--text-xl);font-weight:600;letter-spacing:var(--track-tight);margin:var(--space-7) 0 var(--space-3)}.mi-article-content h4{font-size:var(--text-lg);font-weight:600;letter-spacing:var(--track-tight);margin:var(--space-6) 0 var(--space-3)}.mi-article-content p{margin:0 0 var(--space-5);color:var(--fg-2)}.mi-article-content p:last-child{margin-bottom:0}.mi-article-content ul,.mi-article-content ol{margin:0 0 var(--space-5);padding-left:var(--space-6);color:var(--fg-2)}.mi-article-content li{margin-bottom:var(--space-2);line-height:var(--leading-normal)}.mi-article-content li:last-child{margin-bottom:0}.mi-article-content li:before{content:"▪";color:var(--dmg-green-3);font-size:10px;margin-right:var(--space-3);display:inline-block;vertical-align:baseline}.mi-article-content ol{list-style:decimal}.mi-article-content ol li:before{content:"";margin-right:0}.mi-article-content blockquote{border-left:3px solid var(--accent);padding-left:var(--space-5);margin:var(--space-5) 0;color:var(--fg-2);font-style:italic}.mi-article-content blockquote p{margin:0;color:inherit}.mi-article-content blockquote p:last-child{margin-bottom:0}.mi-article-content code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--surface);color:var(--accent);padding:0 var(--space-1);border-radius:var(--radius-0)}.mi-article-content pre{background:var(--surface);border:1px solid var(--border-faint);border-radius:var(--radius-0);padding:var(--space-4);overflow-x:auto;margin:var(--space-5) 0}.mi-article-content pre code{background:transparent;padding:0;font-size:var(--text-sm);color:var(--fg-1);white-space:pre}.mi-article-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--border-faint);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.mi-article-content a:hover{color:var(--accent-hover);border-color:var(--accent)}.mi-article-content hr{border:0;border-top:1px solid var(--border-faint);margin:var(--space-8) 0}.mi-article-content img{max-width:100%;height:auto;border-radius:var(--radius-0);margin:var(--space-5) 0}.mi-article-content figure{margin:var(--space-5) 0}.mi-article-content figcaption{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3);letter-spacing:var(--track-wide);margin-top:var(--space-3)}.mi-article-content table{width:100%;border-collapse:collapse;margin:var(--space-5) 0}.mi-article-content th,.mi-article-content td{padding:var(--space-3) var(--space-4);border:1px solid var(--border-faint);text-align:left}.mi-article-content th{background:var(--surface);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-3);letter-spacing:var(--track-wide);text-transform:uppercase}.mi-article-content td{color:var(--fg-2)}.mi-article-footer{margin-top:var(--space-9);padding-top:var(--space-7);border-top:1px solid var(--border-faint)}.mi-article-cta{font-size:var(--text-sm);color:var(--fg-3);line-height:var(--leading-normal)}.mi-article-cta a{color:var(--accent);border-bottom:1px solid var(--accent)}.mi-article-cta a:hover{color:var(--accent-hover);border-color:var(--accent-hover)}.mi-article-tags-list{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-faint)}.mi-article-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:var(--track-label);background:var(--surface);padding:var(--space-1) var(--space-3);border:1px solid var(--border-faint);border-radius:var(--radius-0)}.mi-article-tag a{color:inherit;border:none}.mi-article-tag a:hover{background:var(--surface-green);border-color:var(--border)}.mi-back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-3);letter-spacing:var(--track-wide);margin-bottom:var(--space-7);transition:color var(--dur-fast) var(--ease-out)}.mi-back-link:hover{color:var(--accent)}.mi-back-link svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 900px){.mi-articles-grid{grid-template-columns:1fr}.mi-article-card,.mi-article-card:nth-child(2n){border-right:0}.mi-article-card,.mi-article-card:nth-last-child(-n+2){border-bottom:1px solid var(--border-faint)}.mi-article-card:last-child{border-bottom:0}}@media (max-width: 768px){.mi-article{padding-top:var(--space-8)}}@media (max-width: 560px){.mi-article-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.mi-article-excerpt{-webkit-line-clamp:4}.mi-article-meta-single{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}