.article{background-color:var(--background);width:100%;color:var(--foreground);position:relative}.article-hero{flex-direction:column;gap:2rem;width:100%;padding:15vh 1.5rem 4rem;display:flex;position:relative}.article-title{max-width:100%}.article-title h1{font-size:clamp(2.5rem,1.5rem + 4vw,7rem);line-height:1.05}.article-meta{color:var(--foreground-200);gap:2rem;display:flex}.article-toc{border-bottom:1px solid var(--foreground-200);width:65%;max-width:52rem;margin:0;padding:0 1.5rem 2rem}.article-toc-label{color:var(--foreground-200);margin-bottom:1.25rem}.article-toc-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.article-toc-item a{color:var(--foreground);opacity:.7;align-items:baseline;gap:1rem;font-size:clamp(.9rem,.3rem + .7vw,1.3rem);line-height:1.4;text-decoration:none;transition:opacity .3s;display:flex}.article-toc-item a:hover{opacity:1}.article-toc-number{color:var(--foreground-200);flex-shrink:0;font-size:.75em}.article-body{width:65%;max-width:52rem;margin:0;padding:4rem 1.5rem 6rem;position:relative}.article-body h2{margin-top:4rem;margin-bottom:1.5rem;scroll-margin-top:6rem}.article-body h3{margin-top:3rem;margin-bottom:1rem}.article-body p{color:var(--foreground-200);margin-bottom:1.5rem;line-height:1.7}.article-body p:last-child{margin-bottom:0}.article-body a{color:inherit;text-decoration:none;position:relative}.article-body a:after{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.article-body a:hover:after{transform-origin:0;transform:scaleX(1)}.article-body ul,.article-body ol{color:var(--foreground-200);margin-bottom:1.5rem;padding-left:1.5rem}.article-body li{margin-bottom:.5rem;font-size:clamp(1.075rem,.325rem + .825vw,2rem);line-height:1.7}.article-body blockquote{margin:4rem 0;padding:0;position:relative}.article-body blockquote h2{margin:0;font-style:italic;font-weight:500}.article-author{border-top:1px solid var(--foreground-200);width:65%;max-width:52rem;margin:0;padding:3rem 1.5rem 6rem}.article-author h3{color:var(--foreground)}.article-author p{color:var(--foreground-200)}.article-related{width:65%;max-width:52rem;margin:0;padding:0 1.5rem 6rem}.article-related-header{color:var(--foreground-200);padding-bottom:2rem}.article-related-links{flex-direction:column;gap:1.5rem;display:flex}.article-related-item{border-bottom:1px solid var(--foreground-200);padding:1rem 0}@media (max-width:1000px){.article-hero{padding:7.5rem 1.5rem 3rem}.article-title{max-width:100%}.article-meta{flex-wrap:wrap;gap:1rem}.article-toc,.article-body,.article-author,.article-related{width:100%}}