.blog-hero{min-height:50vh;display:flex;align-items:center;padding:5.5rem 2rem 3rem;position:relative;overflow:hidden}.blog-hero-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}.staff-post-btn{display:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--ed-gradient-accent, linear-gradient(135deg, #58a6ff, #3b82f6));border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;margin-top:1.5rem}.staff-post-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #58a6ff4d}.staff-post-btn svg{width:18px;height:18px}.staff-post-btn.visible{display:inline-flex}.blog-posts-section{padding:4rem 0 6rem;background:var(--ed-bg-secondary, #0d1117)}.blog-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.blog-section-header h2{font-size:1.5rem;font-weight:700;color:var(--ed-text-heading, #fff)}.blog-section-header p{color:var(--ed-text-muted, #8b949e);font-size:.9375rem;margin-top:.25rem}.blog-category-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.blog-category-tab{padding:.5rem 1rem;background:transparent;border:1px solid var(--ed-border-primary, rgba(255, 255, 255, .1));border-radius:8px;color:var(--ed-text-secondary, #aaa);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.blog-category-tab:hover,.blog-category-tab.active{background:#58a6ff1a;border-color:#58a6ff66;color:var(--ed-accent-blue, #58a6ff)}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.blog-post-card{background:var(--ed-gradient-card, rgba(255, 255, 255, .03));border:1px solid var(--ed-border-primary, rgba(255, 255, 255, .08));border-radius:16px;overflow:hidden;transition:all .3s ease;position:relative}.blog-post-card:hover{transform:translateY(-4px);border-color:var(--ed-border-accent, rgba(88, 166, 255, .3));box-shadow:0 16px 48px #0000004d}.blog-post-card__image{width:100%;height:200px;object-fit:cover;background:var(--ed-bg-elevated, #161b22)}.blog-post-card__image-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#58a6ff1a,#8b5cf61a);display:flex;align-items:center;justify-content:center;font-size:3rem}.blog-post-card__body{padding:1.5rem}.blog-post-card__category{display:inline-block;padding:.25rem .75rem;background:#58a6ff1f;color:var(--ed-accent-blue, #58a6ff);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:6px;margin-bottom:.75rem}.blog-post-card__title{font-size:1.125rem;font-weight:700;color:var(--ed-text-heading, #fff);margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-post-card__title a{color:inherit;text-decoration:none}.blog-post-card__title a:hover{color:var(--ed-accent-blue, #58a6ff)}.blog-post-card__excerpt{font-size:.875rem;color:var(--ed-text-secondary, #aaa);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-post-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--ed-text-muted, #8b949e);padding-top:.75rem;border-top:1px solid var(--ed-border-primary, rgba(255, 255, 255, .06))}.blog-post-card__author{display:flex;align-items:center;gap:.5rem}.blog-post-card__author-avatar{width:28px;height:28px;border-radius:50%;background:var(--ed-accent-blue, #58a6ff);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:#fff}.blog-post-card__staff-actions{display:none;gap:.375rem;padding:.75rem 1.5rem 0;border-top:1px solid var(--ed-border-primary, rgba(255, 255, 255, .06))}.blog-post-card__staff-actions.visible{display:flex}.post-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:transparent;border:1px solid var(--ed-border-primary, rgba(255, 255, 255, .1));border-radius:6px;color:var(--ed-text-secondary, #aaa);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.post-action-btn:hover{background:#ffffff0d;border-color:#fff3;color:var(--ed-text-primary, #fff)}.post-action-btn svg{width:14px;height:14px}.post-action-btn--edit:hover{border-color:#58a6ff66;color:var(--ed-accent-blue, #58a6ff)}.post-action-btn--delete:hover{border-color:#f8514966;color:#f85149}.post-action-btn--share:hover{border-color:#3fb95066;color:#3fb950}.share-dropdown{position:relative}.share-dropdown__menu{display:none;position:absolute;bottom:100%;left:0;margin-bottom:.5rem;background:var(--ed-bg-elevated, #1c2128);border:1px solid var(--ed-border-primary, rgba(255, 255, 255, .1));border-radius:10px;padding:.5rem;min-width:180px;z-index:50;box-shadow:0 8px 24px #0006}.share-dropdown__menu.open{display:block}.share-dropdown__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--ed-text-secondary, #aaa);font-size:.8125rem;cursor:pointer;transition:all .15s}.share-dropdown__item:hover{background:#ffffff0d;color:var(--ed-text-primary, #fff)}.share-dropdown__item svg{width:16px;height:16px}.blog-empty-state{text-align:center;padding:4rem 2rem;grid-column:1 / -1}.blog-empty-state__icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.blog-empty-state h3{font-size:1.25rem;font-weight:600;color:var(--ed-text-heading, #fff);margin-bottom:.5rem}.blog-empty-state p{color:var(--ed-text-muted, #8b949e);font-size:.9375rem}.blog-loading-spinner{width:40px;height:40px;border:3px solid var(--ed-border-primary, rgba(255, 255, 255, .1));border-top-color:var(--ed-accent-blue, #58a6ff);border-radius:50%;animation:blog-spin 1s linear infinite;margin:0 auto 1rem}@keyframes blog-spin{to{transform:rotate(360deg)}}.categories-section{padding:5rem 0;background:var(--ed-gradient-section, linear-gradient(180deg, transparent, rgba(13, 17, 23, .5)))}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem}.category-card{background:var(--ed-gradient-card, rgba(255, 255, 255, .03));border:1px solid var(--ed-border-primary, rgba(255, 255, 255, .08));border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.category-card:hover{transform:translateY(-4px);border-color:var(--ed-border-accent, rgba(88, 166, 255, .3))}.category-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--ed-accent-glow, rgba(88, 166, 255, .1));border-radius:14px;font-size:1.5rem;margin:0 auto 1.25rem}.category-title{font-size:1.0625rem;font-weight:600;color:var(--ed-text-heading, #fff);margin-bottom:.5rem}.category-description{color:var(--ed-text-muted, #8b949e);font-size:.8125rem;line-height:1.5}.category-count{display:inline-flex;align-items:center;gap:.375rem;margin-top:1rem;padding:.375rem .75rem;background:var(--ed-bg-elevated, #161b22);border-radius:50px;font-size:.75rem;color:var(--ed-text-muted, #8b949e)}.subscribe-section{padding:4rem 2rem;background:var(--ed-gradient-premium, linear-gradient(135deg, rgba(88, 166, 255, .05), rgba(139, 92, 246, .05)));border-top:1px solid var(--ed-border-accent, rgba(88, 166, 255, .2));border-bottom:1px solid var(--ed-border-accent, rgba(88, 166, 255, .2))}.subscribe-content{max-width:600px;margin:0 auto;text-align:center}.subscribe-content h2{font-size:1.5rem;font-weight:700;color:var(--ed-text-heading, #fff);margin-bottom:.75rem}.subscribe-content p{color:var(--ed-text-secondary, #aaa);margin-bottom:1.5rem}.subscribe-form{display:flex;gap:.75rem;max-width:450px;margin:0 auto}.subscribe-input{flex:1;padding:.875rem 1.25rem;background:var(--ed-bg-elevated, #161b22);border:1px solid var(--ed-border-primary, rgba(255, 255, 255, .1));border-radius:10px;color:var(--ed-text-primary, #fff);font-size:.9375rem;transition:all .3s ease}.subscribe-input:focus{outline:none;border-color:var(--ed-border-accent, rgba(88, 166, 255, .4));box-shadow:0 0 0 3px #58a6ff1a}.subscribe-input::placeholder{color:var(--ed-text-muted, #8b949e)}.subscribe-btn{padding:.875rem 1.5rem;background:var(--ed-gradient-accent, linear-gradient(135deg, #58a6ff, #3b82f6));border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.subscribe-btn:hover{box-shadow:0 8px 24px #58a6ff4d}.blog-loading-text{color:var(--ed-text-muted, #8b949e)}.blog-empty-state__cta{margin-top:1rem}.newsletter-feedback{text-align:center;padding:16px 0}.newsletter-feedback--success{color:#22c55e}.newsletter-feedback--queued{color:#f59e0b}.newsletter-feedback__icon{font-size:1.5rem}.newsletter-feedback__text{margin-top:8px}@media (max-width: 900px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-hero{min-height:auto;padding:6rem 1.5rem 3rem}.blog-posts-grid{grid-template-columns:1fr}.subscribe-form{flex-direction:column}.categories-grid{grid-template-columns:1fr}.blog-section-header{flex-direction:column;align-items:flex-start}}
