.article-progress{transform-origin:0;background:var(--accent);z-index:60;pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.article-breadcrumb{max-width:900px;color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;margin:0 auto 20px;padding:0 24px;font-size:.85rem;display:flex}.article-breadcrumb a{color:var(--text-dim);text-decoration:none}.article-breadcrumb a:hover{color:var(--link-hover);text-decoration:underline}.article-breadcrumb [aria-hidden=true]{opacity:.6}.article-breadcrumb [aria-current=page]{color:var(--text-secondary)}.article-header{text-align:center;padding:148px 24px 44px}.article-breadcrumb+.article-header{padding-top:8px}.article-badge{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:50px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}[data-theme=dark] .article-badge{background:var(--accent-subtle)}.article-title{letter-spacing:-.02em;color:var(--text-primary);text-wrap:balance;max-width:900px;margin:0 auto 20px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.article-meta{color:var(--text-muted);font-size:.9rem}.article-hero{max-width:900px;margin:36px auto 0;padding:0 24px}.article-hero img{border:1px solid var(--border-light);border-radius:16px;width:100%;height:auto;display:block}.article-hero figcaption{color:var(--text-dim);text-align:center;margin-top:10px;font-size:.85rem}.article-content{max-width:800px;color:var(--text-secondary);overflow-wrap:break-word;margin:0 auto;padding:0 24px 88px;font-size:1.075rem;line-height:1.8}.article-content>:first-child{margin-top:0}.article-content p{margin-bottom:24px}.article-content strong{color:var(--text-primary);font-weight:650}.article-content em{color:var(--text-primary)}.article-content h2{color:var(--text-primary);letter-spacing:-.01em;margin:52px 0 18px;scroll-margin-top:96px;font-size:1.65rem;font-weight:750;line-height:1.3}.article-content h3{color:var(--text-primary);margin:36px 0 14px;scroll-margin-top:96px;font-size:1.25rem;font-weight:700;line-height:1.4}.article-content a{color:var(--link);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.article-content a:hover{color:var(--link-hover)}.article-content ul,.article-content ol{margin:0 0 24px 24px;padding:0}.article-content li{margin-bottom:10px}.article-content li::marker{color:var(--accent)}.article-content blockquote{border-left:4px solid var(--accent);background:var(--bg-subtle);color:var(--text-primary);border-radius:0 12px 12px 0;margin:0 0 24px;padding:20px 22px;font-style:italic}.article-content blockquote p:last-child{margin-bottom:0}.article-content img{border:1px solid var(--border-light);border-radius:12px;max-width:100%;height:auto}.article-content figure{margin:0 0 24px}.article-content figcaption{color:var(--text-dim);text-align:center;margin-top:8px;font-size:.85rem}.article-content pre{background:var(--bg-subtle);border:1px solid var(--border-light);color:var(--text-primary);border-radius:12px;margin:0 0 24px;padding:18px 20px;font-size:.875rem;line-height:1.6;overflow-x:auto}.article-content code{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.article-content pre code{background:0 0;border:0;padding:0}.article-content hr{border:0;border-top:1px solid var(--border-light);margin:40px 0}.table-scroll{border:1px solid var(--border-light);border-radius:12px;margin-bottom:24px;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;margin-bottom:0;font-size:.95rem}.article-content .table-scroll table{margin-bottom:0}.table-scroll th,.table-scroll td{text-align:left;border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:10px 14px}.table-scroll thead th{color:var(--text-primary);border-bottom:2px solid var(--accent-border);white-space:nowrap;font-weight:700}.table-scroll tbody tr:last-child th,.table-scroll tbody tr:last-child td{border-bottom:0}.article-content table[border],.article-content table[cellpadding],.article-content table[cellspacing]{border-collapse:collapse}.blog-post{max-width:800px;color:var(--text-secondary);margin:0 auto;padding:148px 24px 88px;font-size:1.075rem;line-height:1.8}.blog-post .blog-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-size:.85rem;display:flex}.blog-post .blog-meta .badge{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:50px;padding:6px 16px;font-weight:600;display:inline-block}[data-theme=dark] .blog-post .blog-meta .badge{background:var(--accent-subtle)}.blog-post h1{letter-spacing:-.02em;color:var(--text-primary);text-wrap:balance;margin:0 0 20px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.blog-post .lead{color:var(--text-primary);font-size:1.15rem}.blog-post h2{color:var(--text-primary);letter-spacing:-.01em;margin:52px 0 18px;scroll-margin-top:96px;font-size:1.65rem;font-weight:750;line-height:1.3}.blog-post h3{color:var(--text-primary);margin:36px 0 14px;scroll-margin-top:96px;font-size:1.25rem;font-weight:700;line-height:1.4}.blog-post p{margin-bottom:24px}.blog-post strong{color:var(--text-primary)}.blog-post a{color:var(--link);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.blog-post a:hover{color:var(--link-hover)}.blog-post ul,.blog-post ol{margin:0 0 24px 24px}.blog-post li{margin-bottom:10px}.blog-post li::marker{color:var(--accent)}.blog-post blockquote{border-left:4px solid var(--accent);background:var(--bg-subtle);color:var(--text-primary);border-radius:0 12px 12px 0;margin:0 0 24px;padding:20px 22px;font-style:italic}.blog-post pre{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:12px;margin:0 0 24px;padding:18px 20px;font-size:.875rem;line-height:1.6;overflow-x:auto}.blog-post code{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.blog-post pre code{background:0 0;border:0;padding:0}.blog-post .cta-box{background:var(--bg-subtle);border:1px solid var(--accent-border);text-align:center;border-radius:16px;margin:32px 0;padding:28px}.blog-post .cta-box p{margin-bottom:16px}.blog-post .cta-box .cta-sub{color:var(--text-dim);margin:12px 0 0;font-size:.85rem}.article-toc{max-width:800px;margin:0 auto 32px;padding:0 24px}.article-toc details{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:14px;padding:16px 20px}.article-toc summary{color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:700}.article-toc ol{margin:12px 0 4px 20px;padding:0}.article-toc li{margin-bottom:6px;font-size:.92rem}.article-toc li::marker{color:var(--accent)}.article-toc a{color:var(--text-secondary);text-decoration:none}.article-toc a:hover{color:var(--link-hover);text-decoration:underline}.article-toc a[aria-current=true]{color:var(--link);font-weight:650}.article-cta{max-width:800px;margin:8px auto 56px;padding:0 24px}.article-cta-inner{background:var(--bg-subtle);border:1px solid var(--accent-border);text-align:center;border-radius:16px;padding:32px 28px}.article-cta-inner h2{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 10px;font-size:1.4rem;font-weight:750}.article-cta-inner p{color:var(--text-secondary);margin:0 0 20px;font-size:1rem}.article-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.article-related{max-width:1100px;margin:0 auto;padding:0 24px 96px}.article-related-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.article-related-header h2{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:750}.article-related-header a{color:var(--link);white-space:nowrap;font-size:.92rem;font-weight:600;text-decoration:none}.article-related-header a:hover{color:var(--link-hover);text-decoration:underline}.article-related-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.article-related-grid .blog-card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#telychat-related-reading .article-related-grid{padding:0}@media (width<=900px){.article-related-grid{grid-template-columns:1fr}}@media (width<=640px){.article-header,.blog-post{padding-top:120px}.article-content,.blog-post{padding-bottom:64px;font-size:1rem}.article-content h2,.blog-post h2{margin-top:40px;font-size:1.4rem}.article-cta-inner{padding:26px 20px}.article-cta-actions .btn{width:100%}}.article-content .btn-gold,.blog-post .btn-gold,.article-cta-actions .btn-gold{background:var(--gradient-gold);color:#0a0a0f}@media (prefers-reduced-motion:reduce){.article-progress{display:none}html{scroll-behavior:auto}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}