.article-content{font-family:var(--font-family-sans);font-size:1.0625rem;line-height:1.75;color:var(--color-text-primary);font-weight:400}.article-content h2{font-family:var(--font-family-sans);font-size:1.875rem;font-weight:700;line-height:1.2;color:var(--color-text-primary);margin-top:3.5rem;margin-bottom:1.25rem;letter-spacing:-.025em}.article-content h3{font-family:var(--font-family-sans);font-size:1.5rem;font-weight:600;line-height:1.3;color:var(--color-text-primary);margin-top:2.75rem;margin-bottom:1rem;letter-spacing:-.02em}.article-content h4{font-family:var(--font-family-sans);font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--color-text-primary);margin-top:2.25rem;margin-bottom:.75rem;letter-spacing:-.015em}.article-content p{margin-bottom:1.5rem;color:var(--color-text-primary)}.article-content a{color:var(--color-zen-coral);text-decoration:none;border-bottom:1px solid transparent;padding:.0625rem .125rem;margin:0 -.125rem;border-radius:.25rem;transition:all .2s ease;display:inline-block}.article-content a:hover{border:1px solid var(--color-zen-coral);background-color:var(--color-zen-coral-muted)}.article-content a:has(img){display:block;width:100%;padding:0;margin:0;border:none}.article-content a:has(img):hover{border:none;background-color:transparent}.article-content a>img{width:100%}.article-content strong{font-weight:600;color:var(--color-text-primary)}.article-content em{font-style:italic}.article-content code:not(pre code){font-family:var(--font-family-mono);font-size:.875em;background:var(--color-code-inline-bg);color:var(--color-code-inline);padding:.125em .375em;border-radius:.1875rem;font-weight:500}.article-content .code-block-wrapper{position:relative;margin:2rem 0}.article-content .code-block-wrapper pre{margin:0}.article-content pre{font-family:var(--font-family-mono);font-size:.875rem;line-height:1.6;background:var(--color-code-bg);border:1px solid var(--color-code-border);border-radius:.375rem;padding:1.25rem 1.5rem;margin:2rem 0;overflow-x:auto;tab-size:2}.article-content pre code{background:transparent;border:none;padding:0;font-size:inherit;color:var(--color-code-text);font-weight:400}.article-content .copy-button{position:absolute;top:.5rem;right:.5rem;padding:.375rem .625rem;background:var(--color-zen-bg-secondary);border:1px solid var(--color-zen-subtle);border-radius:.25rem;font-family:var(--font-family-sans);font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease}.article-content .code-block-wrapper:hover .copy-button{opacity:1}.article-content .copy-button:hover{background:var(--color-zen-bg-tertiary);color:var(--color-text-primary)}.article-content .copy-button.copied{color:#22c55e}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.75rem}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content li{margin-bottom:.5rem;line-height:1.75;padding-left:.375rem}.article-content li>p{margin-bottom:.5rem}.article-content li::marker{color:var(--color-text-secondary)}.article-content li>ul,.article-content li>ol{margin-top:.5rem;margin-bottom:.5rem}.article-content blockquote{border-left:3px solid var(--color-zen-coral);padding-left:1.25rem;margin:2rem 0;font-style:italic;color:var(--color-text-secondary);font-size:1.0625rem}.article-content blockquote p{margin-bottom:1rem}.article-content blockquote p:last-child{margin-bottom:0}.article-content img{max-width:100%;height:auto;border-radius:0;margin:2.5rem 0;box-shadow:none}.article-content p:has(.tool-badge){display:inline-block}.article-content .tool-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:var(--color-zen-bg-secondary);border:1px solid var(--color-zen-subtle);border-radius:9999px;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease;margin:.5rem 0}.article-content a.tool-badge{border-bottom:none}.article-content a.tool-badge:hover{background:var(--color-zen-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-text-tertiary)}.article-content .tool-badge img{width:2.25rem;height:2.25rem;object-fit:contain;margin:0;border-radius:0;box-shadow:none}.article-content hr{border:none;border-top:1px solid var(--color-zen-subtle);margin:3rem 0}.article-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem}.article-content th{font-family:var(--font-family-sans);font-weight:600;text-align:left;padding:.75rem;border-bottom:2px solid var(--color-zen-subtle);color:var(--color-text-primary)}.article-content td{padding:.75rem;border-bottom:1px solid var(--color-zen-subtle)}.article-content h2[id],.article-content h3[id],.article-content h4[id]{scroll-margin-top:100px}.article-content h2[id]:hover:before,.article-content h3[id]:hover:before,.article-content h4[id]:hover:before{content:"#";position:absolute;margin-left:-1.5rem;color:var(--color-zen-coral);font-weight:400;opacity:.5}.article-content h2+p{margin-top:.25rem}.article-content h3+p{margin-top:.25rem}.article-content>h2:first-child{margin-top:0}.article-content>*:not(script){opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.article-content>*.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.article-content>*{opacity:1;transform:none;transition:none}}