.blog-article-page{background:linear-gradient(180deg, color-mix(in srgb, var(--store-primary,#2563eb) 6%, #f8fafc) 0%, #f8fafc 28%, #fff 100%)}.blog-article-orb{filter:blur(80px);opacity:.45;pointer-events:none;border-radius:50%;position:absolute}.blog-article-orb--primary{background:color-mix(in srgb, var(--store-primary,#2563eb) 35%, transparent);width:min(420px,70vw);height:min(420px,70vw);top:-120px;right:-80px}.blog-article-orb--accent{background:color-mix(in srgb, var(--store-accent,#8b5cf6) 30%, transparent);width:min(320px,55vw);height:min(320px,55vw);bottom:120px;left:-60px}.blog-article-hero-overlay{background:linear-gradient(to top, #0f172ae0 0%, #0f172a73 45%, color-mix(in srgb, var(--store-primary,#2563eb) 15%, transparent) 100%)}.blog-article-badge{background:linear-gradient(135deg, color-mix(in srgb, var(--store-primary,#2563eb) 90%, white), color-mix(in srgb, var(--store-accent,#8b5cf6) 85%, white));color:#fff;box-shadow:0 4px 20px color-mix(in srgb, var(--store-primary,#2563eb) 35%, transparent)}.blog-article-meta-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 24px #0f172a0f, 0 0 0 1px color-mix(in srgb, var(--store-primary,#2563eb) 8%, transparent);background:#ffffffd1;border:1px solid #ffffffb3}.blog-article-lead{color:#475569;border-right:4px solid;border-image:linear-gradient(180deg, var(--store-primary,#2563eb), var(--store-accent,#8b5cf6)) 1;padding-right:1.25rem;font-size:1.2rem;line-height:1.85}.blog-prose{color:#334155;white-space:pre-line;font-size:1.125rem;line-height:2}.blog-prose p+p{margin-top:1.25rem}.blog-article-content-card{border:1px solid color-mix(in srgb, var(--store-primary,#2563eb) 10%, #e2e8f0);box-shadow:0 1px 3px #0f172a0a, 0 20px 50px -20px color-mix(in srgb, var(--store-primary,#2563eb) 18%, transparent);background:#fff;border-radius:1.5rem}.blog-article-author-avatar{background:linear-gradient(135deg, var(--store-primary,#2563eb), var(--store-accent,#8b5cf6));color:#fff;box-shadow:0 4px 14px color-mix(in srgb, var(--store-primary,#2563eb) 30%, transparent)}.blog-article-divider{background:linear-gradient(90deg, var(--store-primary,#2563eb), var(--store-accent,#8b5cf6));border-radius:9999px;width:4rem;height:3px}.blog-article-related-title{background:linear-gradient(90deg, var(--store-primary,#2563eb), var(--store-accent,#8b5cf6));color:#0000;-webkit-background-clip:text;background-clip:text}.blog-article-back-link{color:var(--store-primary,#2563eb);transition:gap .2s,opacity .2s}.blog-article-back-link:hover{opacity:.85;gap:.625rem}.blog-article-no-banner{background:linear-gradient(135deg, color-mix(in srgb, var(--store-primary,#2563eb) 92%, #1e293b), color-mix(in srgb, var(--store-accent,#8b5cf6) 75%, #312e81))}.blog-article-no-banner-pattern{background-image:radial-gradient(circle at 20%,#ffffff1f 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0%,#0000 40%)}
.blog-list-page{background:linear-gradient(180deg, color-mix(in srgb, var(--store-primary,#2563eb) 4%, #f8fafc) 0%, #f8fafc 120px, #fff 100%)}.blog-list-orb{filter:blur(90px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.blog-list-orb--top{background:color-mix(in srgb, var(--store-accent,#8b5cf6) 28%, transparent);width:min(480px,80vw);height:min(480px,80vw);top:-160px;left:-100px}.blog-featured-card{border:1px solid color-mix(in srgb, var(--store-primary,#2563eb) 12%, #e2e8f0);box-shadow:0 1px 2px #0f172a0a, 0 24px 60px -24px color-mix(in srgb, var(--store-primary,#2563eb) 22%, transparent);background:#fff;transition:transform .35s,box-shadow .35s}.blog-featured-card:hover{box-shadow:0 1px 2px #0f172a0a, 0 32px 70px -20px color-mix(in srgb, var(--store-primary,#2563eb) 30%, transparent);transform:translateY(-4px)}.blog-featured-badge{background:linear-gradient(135deg, var(--store-primary,#2563eb), var(--store-accent,#8b5cf6));color:#fff}.blog-list-item{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.blog-list-item:hover{background:color-mix(in srgb, var(--store-primary,#2563eb) 3%, white)}.blog-list-item-title{transition:color .2s}.blog-list-item:hover .blog-list-item-title{color:var(--store-primary,#2563eb)}.blog-author-avatar{background:linear-gradient(135deg, var(--store-primary,#2563eb), var(--store-accent,#8b5cf6));color:#fff}.blog-tag-pill{background:color-mix(in srgb, var(--store-primary,#2563eb) 8%, #f1f5f9);color:color-mix(in srgb, var(--store-primary,#2563eb) 85%, #1e293b);border:1px solid color-mix(in srgb, var(--store-primary,#2563eb) 15%, transparent);transition:background-color .2s,border-color .2s}.blog-tag-pill:hover{background:color-mix(in srgb, var(--store-primary,#2563eb) 14%, #f1f5f9);border-color:color-mix(in srgb, var(--store-primary,#2563eb) 30%, transparent)}.blog-sidebar-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 24px #0f172a0a}.blog-sidebar-link{transition:background-color .2s,color .2s,padding-inline .2s}.blog-sidebar-link:hover{background:color-mix(in srgb, var(--store-primary,#2563eb) 6%, #f8fafc)}.blog-sidebar-link--active{background:color-mix(in srgb, var(--store-primary,#2563eb) 10%, #f8fafc);color:var(--store-primary,#2563eb);border-right:3px solid var(--store-primary,#2563eb);font-weight:600}.blog-list-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #e2e8f0}.blog-list-count{background:linear-gradient(90deg, var(--store-primary,#2563eb), var(--store-accent,#8b5cf6));color:#0000;-webkit-background-clip:text;background-clip:text}.blog-featured-image-fallback{background:linear-gradient(135deg, color-mix(in srgb, var(--store-primary,#2563eb) 90%, #1e293b), color-mix(in srgb, var(--store-accent,#8b5cf6) 75%, #312e81))}.blog-list-empty{border:1px dashed color-mix(in srgb, var(--store-primary,#2563eb) 25%, #cbd5e1);background:#fff}
