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