.article-content{--article-font:var(--font-primary);--article-color-text:var(--color-secondary);--article-color-accent:var(--color-primary);--article-color-accent-bg:var(--color-surface-warm-light,#fff1ec);--article-color-muted:var(--color-gray-500);--article-color-blockquote:var(--color-gray-700);--article-color-border:var(--color-gray-200);--article-color-border-img:var(--color-gray-200);--article-color-code-bg:var(--color-gray-100);--article-color-code-text:#c0392b;--article-color-pre-bg:var(--color-gray-900);--article-color-pre-text:#d4d4d4;--article-color-table-header-bg:var(--color-surface-table-header,#f5ede4);--article-color-table-header-border:var(--color-surface-table-border,#e8ddd5)}.article-content h2{font-family:var(--article-font);color:var(--article-color-text);margin:44px 0 16px;scroll-margin-top:6rem;font-size:24px;font-weight:700;line-height:1.25}.article-content h3{font-family:var(--article-font);color:var(--article-color-text);margin:32px 0 12px;scroll-margin-top:6rem;font-size:20px;font-weight:700;line-height:1.3}.article-content h4{font-family:var(--article-font);color:var(--article-color-text);margin:24px 0 8px;font-size:17px;font-weight:700}.article-content p{font-family:var(--article-font);color:var(--article-color-text);margin:0 0 18px;font-size:16px;font-weight:400;line-height:1.75}.article-content strong{color:var(--article-color-text);font-weight:700}.article-content em{font-style:italic}.article-content ul{margin:0 0 20px;padding-left:24px;list-style:outside}.article-content ol{margin:0 0 20px;padding-left:24px;list-style:decimal}.article-content ul li::marker{color:var(--article-color-accent)}.article-content li{font-family:var(--article-font);color:var(--article-color-text);margin-bottom:8px;font-size:16px;font-weight:400;line-height:1.75}.article-content a{color:var(--article-color-accent);text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content .article-img-wrap{text-align:center;margin:24px 0 32px}.article-content .article-img-wrap img{border:1px solid var(--article-color-border-img);loading:lazy;border-radius:10px;max-width:100%;display:inline-block}.article-content figure{margin:24px 0 32px}.article-content figure img{border:1px solid var(--article-color-border-img);border-radius:10px;max-width:100%}.article-content figcaption{color:var(--article-color-muted);text-align:center;margin-top:8px;font-size:13px}.article-content blockquote{border-left:4px solid var(--article-color-accent);background:var(--article-color-accent-bg);color:var(--article-color-blockquote);border-radius:0 8px 8px 0;margin:24px 0;padding:12px 20px;font-style:italic}.article-content blockquote p{margin:0}.article-content table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);color:var(--article-color-text);-webkit-overflow-scrolling:touch;margin:24px 0 28px;display:block;overflow-x:auto}.article-content thead tr{background:var(--article-color-table-header-bg)}.article-content th{text-align:left;color:var(--article-color-text);border:1px solid var(--article-color-table-header-border);white-space:nowrap;padding:12px 16px;font-weight:700}.article-content td{border:1px solid var(--article-color-border);color:var(--article-color-text);vertical-align:top;padding:12px 16px}.article-content tbody tr:nth-child(2n){background:var(--color-white)}.article-content code{background:var(--article-color-code-bg);color:var(--article-color-code-text);border-radius:4px;padding:2px 6px;font-family:Fira Code,Courier New,monospace;font-size:13px}.article-content pre{background:var(--article-color-pre-bg);color:var(--article-color-pre-text);border-radius:8px;margin:0 0 20px;padding:16px 20px;font-size:13px;line-height:1.6;overflow-x:auto}.article-content pre code{color:inherit;font-size:inherit;background:0 0;padding:0}@media (width<=768px){.article-content h2{margin:36px 0 12px;font-size:20px}.article-content h3{margin:28px 0 10px;font-size:18px}.article-content p,.article-content li{font-size:15px}.article-content table{font-size:13px}}@media (width<=480px){.article-content h2{font-size:18px}.article-content h3{font-size:16px}.article-content p,.article-content li{font-size:14px}}
