.blog-page-header{padding:3.5rem clamp(1rem,4vw,3rem)0;max-width:1200px;margin-left:auto;margin-right:auto}.blog-label{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.blog-label-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:blogPulse 2s ease infinite}@keyframes blogPulse{0%,to{opacity:1}50%{opacity:.4}}.blog-page-title{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:400;line-height:1.15;letter-spacing:-.03em;margin-bottom:8px;color:var(--text)}.blog-page-subtitle{font-size:1.05rem;color:var(--text-muted);max-width:480px;line-height:1.5}.blog-view-tabs{max-width:1200px;margin:2rem auto 0;padding:0 clamp(1rem,4vw,3rem);display:flex;gap:4px;border-bottom:1px solid var(--border)}.blog-view-tab{padding:10px 18px;font-size:.85rem;font-weight:500;color:var(--text-dim);border:0;background:0 0;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s;margin-bottom:-1px}.blog-view-tab:hover{color:var(--text-muted)}.blog-view-tab.active{color:var(--text);border-bottom-color:var(--text)}.blog-filter-bar-wrapper{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .15s,box-shadow .15s}.blog-filter-bar-wrapper.scrolled{border-bottom-color:var(--border);box-shadow:0 4px 16px var(--shadow)}.blog-filter-bar{max-width:1200px;margin:0 auto;padding:12px clamp(1rem,4vw,3rem);display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.blog-filter-bar::-webkit-scrollbar{display:none}.blog-filter-pill{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:999px;font-size:.8rem;font-weight:500;white-space:nowrap;border:1px solid var(--border);color:var(--text-muted);background:0 0;cursor:pointer;font-family:inherit;transition:all .15s;position:relative}.blog-filter-pill:hover{border-color:var(--text-dim);color:var(--text);background:var(--surface)}.blog-filter-pill.active{background:var(--text);color:var(--bg);border-color:var(--text)}.blog-pill-count{font-size:.65rem;font-weight:600;opacity:.6;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:99px;background:#80808026}.blog-filter-pill.active .blog-pill-count{background:#fff3}.blog-sort-select{margin-left:auto;padding:7px 12px;border-radius:6px;border:1px solid var(--border);font-size:.8rem;font-weight:500;color:var(--text-muted);background:var(--card);cursor:pointer;font-family:inherit}.blog-sort-select:focus{outline:0;border-color:var(--accent)}.blog-content-area{max-width:1200px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,3rem) 4rem}.blog-hero-section{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:2.5rem}.blog-hero-main{display:flex}.blog-hero-main>:first-child{width:100%}.blog-hero-sidebar{display:flex;flex-direction:column;gap:16px}.blog-hero-sidebar>*{flex:1}.blog-section-divider{display:flex;align-items:center;gap:12px;margin:2.5rem 0 1.5rem}.blog-section-divider span{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);white-space:nowrap}.blog-section-divider:after{content:"";flex:1;height:1px;background:var(--border)}.blog-articles-grid{display:grid;gap:18px;margin-bottom:2rem;align-items:stretch}.blog-grid-3{grid-template-columns:repeat(3,1fr)}.blog-grid-2{grid-template-columns:1fr 1fr}.blog-card-wrap{display:flex;flex-direction:column;opacity:0;transform:translateY(16px);animation:blogCardReveal .5s cubic-bezier(.16,1,.3,1) forwards}.blog-card-wrap.hidden{display:none}.blog-card-spotlight-wrap{margin-bottom:2rem}@keyframes blogCardReveal{to{opacity:1;transform:translateY(0)}}.blog-empty-state,.blog-no-results{text-align:center;padding:4rem 2rem;background:var(--card);border:1px solid var(--border);border-radius:16px;color:var(--text-dim)}.blog-empty-state h3{color:var(--text);margin-bottom:.5rem}.blog-learning-paths{display:none}.blog-learning-paths.active{display:block}.blog-lp-track{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem 1.8rem;margin-bottom:1.2rem}.blog-lp-track-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:8px}.blog-lp-track-title{font-size:1.05rem;font-weight:600;color:var(--text)}.blog-lp-track-desc{font-size:.8rem;color:var(--text-muted);margin-top:2px}.blog-lp-progress{font-size:.78rem;color:var(--text-dim);display:flex;align-items:center;gap:8px}.blog-lp-progress-bar{width:80px;height:4px;border-radius:2px;background:var(--surface);overflow:hidden}.blog-lp-progress-fill{height:100%;border-radius:2px;background:var(--accent);transition:width .6s cubic-bezier(.16,1,.3,1)}.blog-lp-timeline{display:flex;align-items:flex-start;gap:0;position:relative;overflow-x:auto;padding-bottom:8px}.blog-lp-timeline:before{content:"";position:absolute;top:14px;left:14px;right:14px;height:2px;background:var(--border);z-index:0}.blog-lp-node{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;cursor:pointer;text-decoration:none;color:inherit}.blog-lp-dot{width:28px;height:28px;border-radius:50%;border:2.5px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--text-dim);transition:all .15s;margin-bottom:8px}.blog-lp-node.completed .blog-lp-dot{background:var(--accent);border-color:var(--accent);color:#fff}.blog-lp-node:hover .blog-lp-dot{transform:scale(1.15);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.blog-lp-node-title{font-size:.72rem;font-weight:500;text-align:center;max-width:110px;line-height:1.3;color:var(--text-muted)}.blog-lp-node-diff{font-size:.6rem;font-weight:600;margin-top:3px;padding:1px 6px;border-radius:999px}.blog-release-view{display:none}.blog-release-view.active{display:block}.blog-release-group{margin-bottom:2rem}.blog-release-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.blog-release-icon{width:36px;height:36px;border-radius:6px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.blog-release-label{font-size:1.05rem;font-weight:600;color:var(--text)}.blog-release-date{font-size:.78rem;color:var(--text-dim)}.blog-release-articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding-left:48px;border-left:2px solid var(--border);margin-left:18px}.blog-all-articles{display:block}.blog-all-articles.hidden{display:none}.blog-search-overlay{position:fixed;inset:0;z-index:9999;background:#00000080;backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;padding-top:12vh}.blog-search-overlay.active{display:flex}.blog-search-modal{width:min(580px,92vw);background:var(--card);border-radius:16px;box-shadow:0 20px 60px #0003;border:1px solid var(--border);overflow:hidden;animation:blogSearchIn .25s cubic-bezier(.16,1,.3,1)}@keyframes blogSearchIn{0%{opacity:0;transform:scale(.96) translateY(-10px)}}.blog-search-modal-input{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border);color:var(--text-dim)}.blog-search-modal-input svg{flex-shrink:0}.blog-search-modal-input input{flex:1;border:0;outline:0;background:0 0;font-size:1rem;color:var(--text);font-family:inherit}.blog-search-modal-input input::placeholder{color:var(--text-dim)}.blog-modal-esc{font-size:.6rem;font-weight:600;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:inherit}.blog-search-results{max-height:400px;overflow-y:auto;padding:8px}.blog-search-hint{padding:12px 20px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-dim);text-align:center}.blog-sr-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .15s;text-decoration:none;color:inherit}.blog-sr-item:hover{background:var(--surface)}.blog-sr-cat{width:4px;height:32px;border-radius:2px;flex-shrink:0}.blog-sr-title{font-size:.875rem;font-weight:500;color:var(--text)}.blog-sr-title mark{background:color-mix(in srgb,var(--accent) 20%,transparent);color:inherit;border-radius:2px;padding:0 1px}.blog-sr-meta{font-size:.75rem;color:var(--text-dim)}.blog-sr-empty{padding:2rem;text-align:center;color:var(--text-dim);font-size:.85rem}@media (max-width:1024px){.blog-hero-section{grid-template-columns:1fr}.blog-hero-sidebar{flex-direction:row}.blog-grid-3{grid-template-columns:1fr 1fr}.bc-spotlight{grid-template-columns:1fr}}@media (max-width:768px){.blog-hero-sidebar{flex-direction:column}.blog-grid-3,.blog-grid-2{grid-template-columns:1fr}.blog-release-articles{padding-left:24px;grid-template-columns:1fr}.blog-lp-timeline{gap:0}.blog-lp-node{min-width:90px}.blog-view-tabs{overflow-x:auto;scrollbar-width:none}.blog-view-tabs::-webkit-scrollbar{display:none}.blog-search-modal{margin:0 1rem}}@media (max-width:480px){.blog-hero-sidebar{flex-direction:column}}