.article-page{padding-top:4.25rem}.article-masthead{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.article-masthead-inner{max-width:42rem;padding:var(--space-5) var(--space-4) var(--space-4)}.article-back{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-3)}.article-back:hover{color:var(--color-primary);text-decoration:none}.article-title{font-size:var(--font-size-3xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.025em;margin-bottom:var(--space-2)}.article-excerpt{font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.article-meta span,.article-meta time{display:inline-flex;align-items:center;gap:.3rem}.article-meta img{width:1.25rem;height:1.25rem;-o-object-fit:cover;object-fit:cover}.article-meta strong{color:var(--color-text-primary);font-weight:600}.article-cover-wrap{max-width:56rem;margin:0 auto;padding:0 var(--space-4) var(--space-4)}.article-cover-wrap img{display:block;width:100%;height:auto;border:1px solid var(--color-border)}.article-body-wrap{max-width:56rem;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-8)}.article-layout{display:grid;gap:var(--space-6)}.article-aside{display:none}@media (min-width: 1024px){.article-layout{grid-template-columns:minmax(0,1fr) 14rem;gap:var(--space-8);align-items:stretch}.article-aside{display:block;align-self:stretch}.article-aside-inner{position:sticky;top:5rem;display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-height:calc(100vh - 5.5rem)}.article-aside .article-toc-desktop{flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.article-aside .article-toc-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:var(--space-2);padding-right:.15rem;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.article-aside .article-toc-scroll::-webkit-scrollbar{width:4px}.article-aside .article-toc-scroll::-webkit-scrollbar-thumb{background:var(--color-border)}.article-aside .article-toc-note{margin:0 0 var(--space-1);font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);line-height:1.4}.article-aside .article-panel-label{flex-shrink:0;font-size:var(--font-size-xs);margin-bottom:0}.article-aside-inner>.article-panel:not(.article-toc-desktop){flex-shrink:0}.article-aside .toc-link{font-size:var(--font-size-sm);padding:.3rem 0 .3rem .5rem}}.article-panel{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-3) var(--space-4)}.article-panel-label{display:block;margin-bottom:var(--space-2)}.article-toc-mobile{margin-bottom:var(--space-4)}.article-toc-mobile summary{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);cursor:pointer;list-style:none;padding:var(--space-2) 0}.article-toc-mobile summary::-webkit-details-marker{display:none}.article-toc-mobile[open] .faq-chevron{transform:rotate(180deg)}.toc-nav ul{list-style:none;margin:0;padding:0}.toc-link{display:block;padding:.3rem 0 .3rem .5rem;font-size:var(--font-size-sm);line-height:var(--leading-normal);color:var(--color-text-secondary);text-decoration:none;border-left:2px solid transparent;transition:color .12s ease,border-color .12s ease}.toc-link:hover{color:var(--color-primary);text-decoration:none}.toc-link.active,.toc-link[aria-current=location]{color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.toc-level-3{padding-left:.85rem;font-size:var(--font-size-xs)}.toc-level-4{padding-left:1.25rem;font-size:var(--font-size-xs);color:var(--color-text-muted)}.article-prose{font-size:var(--font-size-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.article-prose h2,.article-prose h3,.article-prose h4{color:var(--color-text-primary);font-weight:600;scroll-margin-top:5rem}.article-prose h2{font-size:var(--font-size-xl);margin:var(--space-6) 0 var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.article-prose h3{font-size:var(--font-size-lg);margin:var(--space-5) 0 var(--space-2)}.article-prose h4{font-size:var(--font-size-base);margin:var(--space-4) 0 var(--space-1)}.article-prose p{margin-bottom:var(--space-3)}.article-prose a{color:var(--color-primary);text-underline-offset:2px}.article-prose .article-list,.article-prose ul,.article-prose ol{margin:0 0 var(--space-3);padding-left:1.35rem}.article-prose .article-list--bullet,.article-prose ul{list-style-type:disc}.article-prose .article-list--number,.article-prose ol{list-style-type:decimal}.article-prose .article-list .article-list--bullet,.article-prose ul ul{list-style-type:circle;margin-top:var(--space-1)}.article-prose .article-list .article-list--number,.article-prose ol ol{list-style-type:lower-alpha;margin-top:var(--space-1)}.article-prose .article-list-item,.article-prose li{display:list-item;margin-bottom:.35rem;padding-left:.15rem}.article-prose .article-list-item::marker,.article-prose li::marker{color:var(--color-primary)}.article-prose blockquote,.article-prose .article-blockquote{margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-left:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));font-size:var(--font-size-sm);color:var(--color-text-primary)}.article-prose blockquote p:last-child,.article-prose .article-blockquote p:last-child{margin-bottom:0}.article-prose code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface-light);padding:.1em .3em}.article-prose pre{margin:var(--space-3) 0;padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);overflow-x:auto;font-size:var(--font-size-sm)}.article-prose pre code{background:none;padding:0}.article-prose img{margin:var(--space-4) 0;border:1px solid var(--color-border);max-width:100%}.article-tldr summary{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);cursor:pointer;list-style:none}.article-tldr summary::-webkit-details-marker{display:none}.article-tldr[open] .faq-chevron{transform:rotate(180deg)}.article-tldr-body{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--font-size-sm)}.article-takeaway-list{list-style:none;margin:var(--space-2) 0 0;padding:0}.article-takeaway-list li{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.article-takeaway-num{flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-primary);min-width:1rem}.article-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.article-section-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-4)}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.article-tag{font-size:var(--font-size-xs);padding:.15rem .4rem;border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface-light)}.article-author-row{display:flex;gap:var(--space-3);align-items:flex-start}.article-author-row img{width:2.5rem;height:2.5rem;-o-object-fit:cover;object-fit:cover;border:1px solid var(--color-border)}.article-related-grid{display:grid;gap:var(--space-3)}@media (min-width: 768px){.article-related-grid{grid-template-columns:repeat(3,1fr)}}.article-cta-band{border-top:1px solid var(--color-border);padding:var(--space-6) var(--space-4);background:var(--color-surface)}.article-cta-inner{max-width:28rem;margin:0 auto;text-align:center}.article-cta-inner h2{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.article-cta-inner p{font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.share-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-surface-light);transition:all .12s ease}.share-btn:hover{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.feedback-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.feedback-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .55rem;font-size:var(--font-size-xs);font-weight:500;border:1px solid var(--color-border);background:var(--color-surface-light);color:var(--color-text-primary);cursor:pointer}.feedback-btn:hover{border-color:var(--color-primary);background:var(--color-teal-wash)}.feedback-btn.voted{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.feedback-count{font-size:.625rem;opacity:.85}