.article-content h1{color:var(--heading);letter-spacing:-.045em;margin-bottom:18px;font-size:clamp(36px,5vw,52px);font-weight:500;line-height:1.1}.article-content h2{letter-spacing:-.025em;margin:48px 0 16px;padding-top:8px;font-size:25px}.article-content h3{margin:30px 0 10px;font-size:17px;font-weight:500}.article-content p,.article-content li{color:var(--muted-foreground);font-size:15px;line-height:1.8}.article-content p{margin-block:14px}.article-content ul,.article-content ol{margin:14px 0;padding-left:24px}.article-content li+li{margin-top:7px}.article-content a{color:#366e71;text-underline-offset:3px;-webkit-text-decoration:underline #9ebbbc;text-decoration:underline #9ebbbc}.article-content a:hover{color:var(--primary);text-decoration-color:currentColor}.article-content strong{color:var(--foreground);font-weight:500}.article-content code{border:1px solid var(--border);background:var(--muted);color:var(--foreground);border-radius:4px;padding:2px 5px;font-size:.85em}.article-content pre{background:#282828;border:1px solid #45433e;border-radius:6px;margin:20px 0;padding:18px 82px 18px 20px;position:relative;overflow-x:auto}.article-content pre code{color:#ebdbb2;white-space:pre;background:0 0;border:0;border-radius:0;padding:0;font-size:13px;line-height:1.7}.article-content pre code .token{display:inline}.article-content pre code .token.punctuation{color:#bdae93}.article-content pre code .token.key,.article-content pre code .token.property{color:#83a598}.article-content pre code .token.table,.article-content pre code .token.class-name{color:#fabd2f}.article-content pre code .token.string{color:#b8bb26}.article-content pre code .token.boolean{color:#d3869b}.article-content pre code .token.number{color:#fe8019}.article-content pre code .token.comment{color:#a89984;font-style:italic}.article-content pre code .token.function{color:#8ec07c}.article-content pre code .token.variable,.article-content pre code .token.parameter{color:#d3869b}.article-content pre code .token.operator,.article-content pre code .token.keyword{color:#fe8019}.article-content .code-copy-button{color:#bdae93;min-width:58px;height:32px;font:11px var(--font-mono);background:#282828;border:1px solid #5d584e;border-radius:4px;position:absolute;top:9px;right:9px}.article-content .code-copy-button:hover{color:#ebdbb2;background:#3c3836}.article-content .code-copy-button:focus-visible{outline-color:#8ec07c}.article-content blockquote{border-left:3px solid var(--primary);background:var(--surface);margin:24px 0;padding:14px 18px}.article-content blockquote p{margin:0}.article-content .table-scroll{margin:24px 0;overflow-x:auto}.article-content table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6}.article-content td code{white-space:nowrap}.article-content td{min-width:12em}.article-content td:has(>code:only-child){min-width:0}.article-content th,.article-content td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}.article-content th{color:var(--heading);font-weight:500}.article-content td{color:var(--muted-foreground)}.article-content hr{border:0;border-top:1px solid var(--border);margin:40px 0}@media (width<=760px){.article-content h2{margin-top:40px}}@media (width<=600px){.article-content p,.article-content li{font-size:14px}}
