.blog-theme{background-color:var(--color-bg,#fff);color:var(--color-text,#0f172a);font-family:var(--font-family,inherit);min-height:100vh}.blog-theme .blog-muted{color:var(--color-muted,#64748b)}.blog-theme .blog-heading{color:var(--color-text,#0f172a)}.blog-theme .blog-surface{background-color:var(--color-surface,#f8fafc)}.blog-theme .blog-card{border:1px solid var(--color-border,#e2e8f0);background-color:var(--color-bg,#fff);transition:border-color .2s,box-shadow .2s}.blog-theme .blog-card:hover{border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a}.blog-theme .blog-link{color:var(--color-primary);transition:opacity .2s}.blog-theme .blog-link:hover{opacity:.85;text-decoration:underline}.blog-theme .blog-tab{border:1px solid var(--color-border,#e2e8f0);color:var(--color-text,#374151)}.blog-theme .blog-tab:hover{background-color:var(--color-surface,#f9fafb)}.blog-theme .blog-tab-active{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.blog-theme .blog-btn-active{background-color:var(--color-primary);color:#fff}.blog-theme .blog-btn{border:1px solid var(--color-border,#e2e8f0);color:var(--color-text,#374151)}.blog-theme .blog-btn:hover{background-color:var(--color-surface,#f9fafb)}.blog-theme .blog-btn-disabled{border:1px solid var(--color-border,#f3f4f6);color:var(--color-muted,#9ca3af);cursor:not-allowed}.blog-theme .blog-title-hover:hover{color:var(--color-primary)}.blog-theme .blog-toc{border:1px solid var(--color-border,#e2e8f0);background-color:color-mix(in srgb, var(--color-primary) 8%, var(--color-bg,#fff))}.blog-theme .blog-toc-header{background-color:var(--color-primary);color:#fff}.blog-theme .blog-toc-link{color:var(--color-text,#374151)}.blog-theme .blog-toc-link:hover{color:var(--color-primary);text-decoration:underline}.blog-theme .blog-author-ring{--tw-ring-color:color-mix(in srgb, var(--color-accent,var(--color-primary)) 80%, transparent)}.blog-theme .blog-author-badge{background-color:color-mix(in srgb, var(--color-accent,var(--color-primary)) 15%, var(--color-bg,#fff));color:var(--color-accent,var(--color-primary))}.blog-theme .blog-author-bg{background-color:color-mix(in srgb, var(--color-primary) 10%, var(--color-bg,#fff))}.blog-theme .prose a{color:var(--color-primary)}.blog-theme .prose a:hover{opacity:.85}.blog-theme .blog-faq summary:hover{background-color:var(--color-surface,#f9fafb)}