.blog-archive-page{min-height:100vh;background:transparent;color:var(--text-primary);position:relative;z-index:1}.blog-archive-page .archive-top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding:.85rem 0;width:100%}.archive-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.blog-archive-page .btn-back-home{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-secondary);font-size:.85rem;font-weight:600;text-decoration:none;padding:.35rem .75rem;border-radius:var(--radius-xs);background:var(--btn-secondary-bg);border:1px solid var(--border-subtle);transition:all .2s ease;white-space:nowrap}.blog-archive-page .btn-back-home:hover{color:var(--text-highlight);background:var(--btn-secondary-hover);border-color:var(--border-medium)}.archive-brand-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0}.blog-archive-page .logo-symbol-sm{width:28px;height:28px;border-radius:var(--radius-xs);background:var(--accent-emerald-bg);border:1px solid var(--accent-emerald-border);color:var(--accent-emerald-light);font-size:.75rem;font-weight:800;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center}.blog-archive-page .brand-name-sm{font-size:.875rem;font-weight:700;color:var(--text-highlight)}.blog-archive-page .archive-main-content{padding:3.5rem 0 6rem}.archive-page-header{text-align:center;max-width:760px;margin:0 auto 3rem}.archive-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-emerald-light);background:var(--accent-emerald-bg);border:1px solid var(--accent-emerald-border);padding:.3rem .75rem;border-radius:var(--radius-sm);margin-bottom:1rem}.archive-page-title{font-size:clamp(2.2rem,4vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--text-highlight);margin-bottom:.75rem}.archive-page-subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.6}.archive-controls-bar{display:flex;flex-direction:column;gap:1rem;background:var(--card-gradient);border-top:1px solid var(--border-subtle);border:1px solid var(--border-subtle);border-top-color:var(--border-specular);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.75rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card)}.archive-search-box{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:.85rem;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.7rem 2.5rem;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-highlight);font-size:.875rem;font-family:inherit;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent-emerald);box-shadow:0 0 0 2px rgba(16,185,129,.15)}.search-input::placeholder{color:var(--text-muted)}.search-clear-btn{position:absolute;right:.75rem;background:var(--btn-secondary-bg);border:none;border-radius:50%;width:20px;height:20px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.search-clear-btn:hover{color:var(--text-highlight);background:var(--btn-secondary-hover)}.archive-filter-pills{display:flex;flex-wrap:wrap;gap:.4rem}.archive-filter-btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--btn-secondary-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.4rem .75rem;border-radius:var(--radius-xs);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.archive-filter-btn:hover{color:var(--text-highlight);background:var(--btn-secondary-hover);border-color:var(--border-medium)}.archive-filter-btn.active{color:var(--text-highlight);background:var(--accent-emerald-bg);border-color:var(--accent-emerald-border);font-weight:600}.archive-filter-count{font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:.1rem .35rem;border-radius:var(--radius-xs);background:var(--btn-secondary-bg);color:var(--text-muted)}.archive-filter-btn.active .archive-filter-count{background:var(--accent-emerald-border);color:var(--accent-emerald-light)}.results-summary-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:0 .25rem;font-size:.85rem;color:var(--text-muted)}.results-summary-row strong{color:var(--text-highlight)}.btn-reset-filters{background:transparent;border:none;color:var(--accent-emerald-light);font-size:.825rem;font-weight:600;cursor:pointer}.btn-reset-filters:hover{color:var(--accent-emerald-dark);text-decoration:underline}.blog-archive-page .blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));grid-gap:1.5rem;gap:1.5rem}.blog-post-card{display:flex;flex-direction:column;justify-content:space-between;padding:1.85rem;background:var(--card-gradient);border-top:1px solid var(--border-subtle);border:1px solid var(--border-subtle);border-top-color:var(--border-specular);border-radius:var(--radius-md);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1)}.blog-post-card:hover{background:var(--card-gradient-hover);border-color:var(--border-medium);border-top-color:var(--border-specular-hover);transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.blog-card-header{margin-bottom:1.15rem}.blog-meta-badges{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.blog-meta-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.725rem;font-weight:500;color:var(--text-muted);background:var(--btn-secondary-bg);border:1px solid var(--border-subtle);padding:.2rem .55rem;border-radius:var(--radius-xs)}.blog-icon-emerald{color:var(--accent-emerald)}.blog-icon-sky{color:var(--text-secondary)}.blog-card-content{flex:1 1;display:flex;flex-direction:column;margin-bottom:1.25rem}.blog-card-title{font-size:1.25rem;font-weight:700;line-height:1.35;margin-bottom:.5rem;letter-spacing:-.02em}.blog-title-link{color:var(--text-highlight);text-decoration:none;transition:color .2s ease}.blog-title-link:hover{color:var(--accent-emerald-light)}.blog-card-subtitle{font-size:.875rem;font-weight:500;color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}.blog-card-excerpt{font-size:.85rem;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-tags-wrapper{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.5rem}.blog-tag-pill{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--text-muted);background:var(--btn-secondary-bg);border:1px solid var(--border-subtle);padding:.15rem .5rem;border-radius:var(--radius-xs);transition:all .2s ease}.blog-tag-pill .tag-icon{color:var(--accent-emerald)}.blog-tag-pill:hover{border-color:var(--border-medium);color:var(--text-highlight)}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1.15rem;border-top:1px solid var(--border-subtle);margin-top:auto}.btn-read-article{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--accent-emerald-light);text-decoration:none;transition:all .2s ease}.read-arrow-icon{transition:transform .2s ease}.btn-read-article:hover{color:var(--accent-emerald-dark)}.btn-read-article:hover .read-arrow-icon{transform:translateX(3px)}.article-type-label{font-family:var(--font-mono);font-size:.675rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--text-muted);background:var(--btn-secondary-bg);border:1px solid var(--border-subtle);padding:.15rem .45rem;border-radius:var(--radius-xs)}.no-results-box{text-align:center;padding:4rem 2rem;margin-top:2rem}.no-results-box h3{font-size:1.25rem;color:var(--text-highlight);margin-bottom:.5rem}.no-results-box p{color:var(--text-secondary);margin-bottom:1.5rem}@media (max-width:768px){.blog-archive-page .archive-main-content{padding:2.5rem 0 4rem}.archive-page-header{margin-bottom:2rem}.blog-post-card{padding:1.4rem}}