.blog-page {--text-4: #4b5563;--text-3: #374151;--indigo-deep: #c2410c;--teal-deep: #1e40af;}
.blog-card-extra{display:none;}
.blog-hero{background:#fff;padding:64px 0 0;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.blog-hero:before{inset:0;background-image:radial-gradient(circle,rgba(249,115,22,.06) 1px,transparent 0);background-size:24px 24px}
.blog-hero:after,.blog-hero:before{content:"";position:absolute;pointer-events:none}
.blog-hero:after{top:-100px;right:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.08),transparent 70%)}
.blog-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:end;padding-bottom:0}
.blog-hero-right{align-self:end}
.blog-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);margin-bottom:18px}
.blog-breadcrumb a{color:var(--text-4);text-decoration:none;transition:color .2s}
.blog-breadcrumb a:hover,.blog-breadcrumb span{color:var(--indigo-deep)}
.blog-breadcrumb-sep{color:var(--border-2)}
.blog-hero-h{font-family:var(--font-h);font-size:clamp(2.6rem,4.8vw,4.4rem);font-weight:300;line-height:1.05;letter-spacing:-.03em;color:var(--text);margin-bottom:18px}
.blog-hero-h strong{font-weight:700;display:block}
.blog-hero-h em{font-style:italic;background:linear-gradient(120deg,var(--indigo-deep),var(--indigo));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.blog-hero-sub{font-size:.97rem;color:var(--text-3);line-height:1.8;max-width:480px;margin-bottom:36px}
.blog-hero-meta{display:flex;align-items:center;gap:20px;padding:16px 0;border-top:1px solid var(--border);flex-wrap:wrap}
.blog-hero-meta-item{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;color:var(--text-3)}
.blog-hero-meta-dot{width:5px;height:5px;border-radius:50%;background:var(--border-2)}
.blog-filter-bar{background:#fff;border-bottom:1px solid var(--border);position:relative;top:0;z-index:80;box-shadow:0 2px 12px rgba(10,15,30,.04)}
.blog-filter-inner{justify-content:space-between;gap:16px;padding:0}
.blog-cats,.blog-filter-inner{display:flex;align-items:center}
.blog-cats{gap:0;overflow-x:auto;scrollbar-width:none;flex:1;cursor:grab;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.blog-cats::-webkit-scrollbar{display:none}
.blog-cats.dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.blog-cat{display:inline-flex;align-items:center;gap:6px;padding:14px;font-size:.76rem;font-weight:600;color:var(--text-3);white-space:nowrap;border:none;border-bottom:2px solid transparent;background:none;font-family:var(--font-b);cursor:pointer;transition:all .22s var(--ease)}
.blog-cat:hover{color:var(--indigo-deep);background:var(--indigo-pale)}
.blog-cat.active{color:#7c2d12;border-bottom-color:#7c2d12;font-weight:700}
.blog-cat-count{background:var(--bg-2);color:var(--text-2);padding:1px 6px;border-radius:100px;font-size:.6rem;font-weight:700}
.blog-cat.active .blog-cat-count{background:var(--indigo-dim);color:#7c2d12}
.blog-search-wrap{flex-shrink:0;padding:10px 0}
.blog-search{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;border:1.5px solid var(--border);background:var(--bg);transition:all .25s var(--ease)}
.blog-search:focus-within{border-color:var(--indigo);background:#fff;box-shadow:0 0 0 3px var(--indigo-dim)}
.blog-search input{border:none;background:transparent;outline:none;font-family:var(--font-b);font-size:.8rem;color:var(--text);width:180px}
.blog-search input::placeholder{color:var(--text-4)}
.blog-search-icon{font-size:.85rem;color:var(--text-4);flex-shrink:0}
.blog-search-clear{background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--text-4);padding:0;display:none;transition:color .2s;line-height:1}
.blog-search-clear:hover{color:var(--indigo-deep)}
.blog-search-clear.visible{display:block}
.blog-card-link{display:block;text-decoration:none;color:inherit}
.blog-main{padding:56px 0 24px;background:#f1f3f8}
.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:start;padding-bottom:24px;}
.blog-section-label{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.blog-section-label h2,.blog-section-label h3{font-family:var(--font-h);font-size:1.25rem;font-weight:600;color:var(--text);white-space:nowrap}
.blog-section-label-line{flex:1;height:1px;background:var(--border)}
.blog-section-label-count{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);white-space:nowrap}
.blog-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;align-content:start;}
.blog-card{background:#fff;border-radius:var(--radius-lg);border:1.5px solid var(--border);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;}
.bc-img-wrap{position:relative;overflow:hidden;height:195px;flex-shrink:0}
.bc-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.bc-img-placeholder{width:100%;height:195px;display:flex;align-items:center;justify-content:center;font-size:3rem;flex-shrink:0;position:relative}
.bc-img-placeholder:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 40%,rgba(59,130,246,.09),transparent 60%)}
.bcbg-1{background:linear-gradient(135deg,#e8f0fe,#dbeafe)}
.bcbg-2{background:linear-gradient(135deg,#fff7ed,#fed7aa)}
.bcbg-3{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}
.bcbg-4{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}
.bcbg-5{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}
.bcbg-6{background:linear-gradient(135deg,#fef9c3,#fef08a)}
.bcbg-7{background:linear-gradient(135deg,#cffafe,#a5f3fc)}
.bcbg-8{background:linear-gradient(135deg,#f0fdf4,#bbf7d0)}
.bc-bar{height:3px;flex-shrink:0}
.bc-bar-1{background:linear-gradient(90deg,var(--teal-deep),var(--teal))}
.bc-bar-2{background:linear-gradient(90deg,var(--indigo-deep),var(--indigo))}
.bc-bar-3{background:linear-gradient(90deg,#059669,#34d399)}
.bc-bar-4{background:linear-gradient(90deg,#9d174d,#ec4899)}
.bc-bar-5{background:linear-gradient(90deg,#5b21b6,#8b5cf6)}
.bc-bar-6{background:linear-gradient(90deg,#d97706,var(--rose))}
.bc-body{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column}
.bc-cat{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:100px;font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px;width:fit-content}
.bc-cat-t{background:var(--teal-dim);color:var(--teal-deep)}
.bc-cat-i{background:var(--indigo-dim);color:#3730a3}
.bc-cat-g{background:rgba(5,150,105,.1);color:#065f46}
.bc-cat-p{background:rgba(124,58,237,.1);color:#5b21b6}
.bc-cat-r{background:var(--rose-dim);color:#92400e}
.bc-cat-b{background:rgba(14,165,233,.1);color:#0369a1}
.bc-title{font-family:var(--font-h);font-size:.97rem;font-weight:600;color:var(--text);line-height:1.3;margin-bottom:7px;flex:1;}
.bc-desc{font-size:.78rem;color:var(--text-3);line-height:1.7;margin-bottom:14px}
.bc-footer{justify-content:space-between;padding-top:11px;border-top:1px solid var(--border);margin-top:auto}
.bc-author,.bc-footer{display:flex;align-items:center}
.bc-author{gap:7px}
.bc-av{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff}
.bc-author-name{font-size:.72rem;font-weight:600;color:var(--text-2)}
.bc-meta-right{display:flex;align-items:center;gap:8px;font-size:.68rem;color:var(--text-4)}
.bc-arrow{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:700;color:#7c2d12;text-decoration:none;margin-top:9px;}
.blog-sidebar{display:flex;flex-direction:column;gap:22px;position:sticky;top:132px}
.w{width:min(1200px,92%);margin:auto}