.blog-hero{background:radial-gradient(circle at 50% 0%, var(--purple-tint) 0%, transparent 70%);border-bottom:1px solid var(--line);padding-top:140px;padding-bottom:48px}.blog-hero-inner{max-width:1120px;margin:0 auto;padding:0 24px}.blog-badge{background:var(--purple-tint);border:1px solid var(--purple-line);color:var(--purple-700);border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.blog-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}.blog-lead{color:var(--ink-soft);max-width:60ch;font-size:1.15rem;line-height:1.6}.blog-categories{-webkit-overflow-scrolling:touch;gap:8px;margin-top:32px;padding-bottom:8px;display:flex;overflow-x:auto}.blog-category-pill{color:var(--ink-soft);background:var(--paper-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.blog-category-pill:hover,.blog-category-pill.active{color:#fff;background:var(--purple);border-color:var(--purple)}.blog-grid-section{background:var(--paper-2);padding:64px 0 100px}.blog-grid-inner{max-width:1120px;margin:0 auto;padding:0 24px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.blog-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--purple-300);transform:translateY(-4px);box-shadow:0 16px 32px #6950e814}.blog-card-thumb{aspect-ratio:16/9;background:var(--paper-3);border-bottom:1px solid var(--line-soft);width:100%;overflow:hidden}.blog-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.blog-card-content{flex-direction:column;flex:1;padding:24px;display:flex}.blog-card-meta{color:var(--ink-mute);align-items:center;gap:12px;margin-bottom:12px;font-size:.82rem;display:flex}.blog-card-tag{color:var(--purple-700);background:var(--purple-tint);border-radius:999px;padding:3px 10px;font-weight:600}.blog-card-title{color:var(--ink);margin-bottom:10px;font-size:1.2rem;font-weight:700;line-height:1.4;transition:color .15s}.blog-card:hover .blog-card-title{color:var(--purple)}.blog-card-desc{color:var(--ink-soft);flex:1;margin-bottom:20px;font-size:.95rem;line-height:1.55}.blog-card-footer{border-top:1px solid var(--line-soft);color:var(--purple);justify-content:space-between;align-items:center;padding-top:16px;font-size:.88rem;font-weight:600;display:flex}.blog-article-wrapper{background:var(--paper);padding-top:120px;padding-bottom:100px}.blog-article-container{max-width:820px;margin:0 auto;padding:0 24px}.blog-breadcrumb{color:var(--ink-mute);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:.9rem;display:flex}.blog-breadcrumb a{color:var(--ink-mute);text-decoration:none;transition:color .15s}.blog-breadcrumb a:hover{color:var(--purple)}.blog-header{margin-bottom:36px}.blog-article-cover{aspect-ratio:16/9;object-fit:cover;background:var(--paper-3);border-radius:20px;width:100%;height:auto;margin-bottom:36px;display:block}.blog-header-tag{background:var(--purple-tint);border:1px solid var(--purple-line);color:var(--purple-700);border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-block}.blog-header-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:700;line-height:1.25}.blog-author-row{border-bottom:1px solid var(--line);color:var(--ink-mute);align-items:center;gap:16px;padding-bottom:28px;font-size:.9rem;display:flex}.blog-author-avatar{background:var(--purple-tint);border:1px solid var(--purple-line);width:44px;height:44px;color:var(--purple);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.blog-author-info strong{color:var(--ink);font-weight:600;display:block}.blog-prose{color:var(--ink-soft);font-size:1.08rem;line-height:1.8}.blog-prose h2{color:var(--ink);letter-spacing:-.015em;border-bottom:2px solid var(--purple-tint);margin-top:48px;margin-bottom:20px;padding-bottom:8px;font-size:1.65rem;font-weight:700;line-height:1.35}.blog-prose h3{color:var(--ink);margin-top:36px;margin-bottom:16px;font-size:1.3rem;font-weight:600}.blog-prose p{margin-bottom:24px}.blog-prose ul,.blog-prose ol{margin-bottom:28px;padding-left:24px}.blog-prose li{margin-bottom:10px}.blog-prose strong{color:var(--ink)}.blog-callout{background:var(--paper-2);border-left:4px solid var(--purple);border-radius:0 12px 12px 0;margin:32px 0;padding:20px 24px}.blog-callout p:last-child{margin-bottom:0}.blog-callout-warning{border-left-color:var(--red);background:#e0483d0d}.blog-callout-tip{border-left-color:var(--green);background:#1dcc5d0d}.blog-table-wrap{border:1px solid var(--line);border-radius:12px;margin:32px 0;overflow-x:auto}.blog-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.blog-table th{background:var(--paper-3);color:var(--ink);border-bottom:1px solid var(--line);padding:14px 18px;font-weight:600}.blog-table td{border-bottom:1px solid var(--line-soft);padding:14px 18px}.blog-table tr:last-child td{border-bottom:none}.blog-cta-banner{background:linear-gradient(135deg, var(--purple-900) 0%, var(--purple-700) 100%);color:#fff;text-align:center;border-radius:20px;margin:48px 0;padding:40px 32px;box-shadow:0 20px 40px #5238d440}.blog-cta-banner h3{color:#fff;margin-bottom:12px;font-size:1.6rem;font-weight:700}.blog-cta-banner p{color:#ffffffe0;max-width:52ch;margin:0 auto 24px;font-size:1.05rem}.blog-cta-btn{color:var(--purple-900);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.blog-cta-btn:hover{transform:scale(1.03);box-shadow:0 8px 24px #0003}@media (width<=768px){.blog-hero{padding-top:110px}.blog-grid{grid-template-columns:1fr}.blog-article-wrapper{padding-top:90px}.blog-cta-banner{padding:32px 20px}}