@layer components{:root.light-theme .blog-article,:root.light-theme .blog-index{--success: #047857;--warning: #b45309;--accent-amber: #b45309;--info: #1d4ed8}.blog-article{max-width:1080px}.blog-hero-icon{width:64px;height:64px;margin-bottom:20px;border-radius:50%;font-size:1.5rem}.blog-author{display:flex;align-items:center;gap:20px;max-width:760px;margin:28px auto 0;text-align:left}.blog-avatar{width:80px;height:80px;flex-shrink:0;border-radius:50%;object-fit:cover;border:2px solid transparent;background:var(--brand-gradient) border-box}.blog-author-name{font-size:1.1rem;font-weight:700;color:var(--fg)}.blog-author-role{margin-top:2px;font-weight:600;color:var(--info)}.blog-author-about{margin-top:4px;font-size:.875rem;color:var(--fg-muted)}.blog-author-quote{margin-top:8px;font-size:.875rem;font-style:italic;color:var(--fg-subtle)}.blog-toc{margin-bottom:40px}.blog-toc-list{display:grid;gap:10px 24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));counter-reset:toc}.blog-toc-list li{display:flex;align-items:flex-start;gap:10px;counter-increment:toc}.blog-toc-list li:before{content:counter(toc)}.blog-toc-list a{color:var(--fg-muted);transition:color var(--dur) var(--ease)}.blog-toc-list a:hover{color:var(--fg)}.blog-num,.blog-toc-list li:before{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--brand-gradient);color:#fff;font-size:.75rem;font-weight:700;line-height:1}.prose.blog-body{max-width:none}.prose.blog-body :is(h2,h3,h4){margin-top:0}.prose.blog-body h4{font-size:1rem}.prose.blog-body :is(p,ul,ol,blockquote):last-child{margin-bottom:0}.prose.blog-body .icon-tile{font-weight:800}.blog-callout{--tone: var(--info);padding:16px 20px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--tone) 30%,transparent);background:color-mix(in srgb,var(--tone) 9%,transparent)}.blog-callout-success{--tone: var(--success)}.blog-callout-danger{--tone: var(--danger)}.blog-callout-warning{--tone: var(--warning)}.blog-callout-violet{--tone: var(--accent-violet)}.blog-callout-brand{--tone: var(--brand-pink)}.blog-cta{margin-top:48px;padding:32px 24px;text-align:center}.blog-cta .section-title{justify-content:center;font-size:1.5rem}.blog-cta .btn-group{justify-content:center}.blog-cta-text{margin-bottom:24px;color:var(--fg-muted)}.blog-authors{--grid-min: 280px;max-width:420px;margin:0 auto}.blog-expert{text-align:center}.blog-expert .blog-avatar{width:96px;height:96px;margin:0 auto 16px}.blog-expert-stats{display:grid;gap:4px;margin-top:16px;font-size:.8rem;color:var(--fg-subtle)}@media (max-width: 640px){.blog-author{flex-direction:column;text-align:center}.blog-cta .btn{width:100%;white-space:normal}}}