.article-shell{background:var(--background);color:var(--foreground)}.article-shell .article-title{letter-spacing:-.02em;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700;line-height:1.06}.article-shell .article-description{color:color-mix(in srgb,var(--foreground)72%,transparent);max-width:54rem;font-size:1.25rem}.article-shell .article-meta{color:color-mix(in srgb,var(--foreground)60%,transparent);font-size:1rem}.article-body{font-size:clamp(1.28rem,2.3vw,1.52rem);line-height:1.82}.article-body h2{letter-spacing:-.01em;margin-top:3.5rem;font-size:clamp(2rem,3vw,2.3rem);font-weight:700}.article-body h3{margin-top:2.5rem;font-size:clamp(1.6rem,2.4vw,1.9rem);font-weight:600}.article-body p{margin-top:1.5rem}.article-body a{color:var(--primary);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px;transition:color .18s}.article-body a:hover{color:color-mix(in srgb,var(--primary)82%,#000)}.article-body ul,.article-body ol{margin-top:1.2rem;padding-left:2.1rem}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{margin-top:.6rem}.article-body li::marker{color:var(--primary)}.article-body blockquote{border-left:3px solid var(--primary);background:color-mix(in srgb,var(--primary)6%,transparent);margin:2rem 0;padding:1.2rem 1.6rem}.article-body blockquote>:first-child{margin-top:0}.article-body blockquote>:last-child{margin-bottom:0}.article-body hr{border:none;border-top:1px solid color-mix(in srgb,var(--foreground)12%,transparent);margin:3rem 0}.article-body code{background:color-mix(in srgb,var(--foreground)12%,transparent);border-radius:.4rem;padding:.2rem .35rem;font-size:.95em}