:root,[data-theme="dark"]:root{color-scheme:dark;--hub-bg: #070c1e;--hub-bg-gradient: radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.12) 0%, rgba(7, 12, 30, 1) 70%);--hub-surface: #0f1936;--hub-surface-hover: #16244d;--hub-surface-glass: rgba(15, 25, 54, 0.7);--hub-border: rgba(255, 255, 255, 0.08);--hub-border-focus: #3b82f6;--hub-border-hover: rgba(59, 130, 246, 0.4);--hub-text-main: #f1f5f9;--hub-text-muted: #94a3b8;--hub-text-subtle: #64748b;--hub-primary: #ff6b35;--hub-primary-glow: rgba(255, 107, 53, 0.35);--hub-secondary: #2563eb;--hub-accent-cyan: #06b6d4;--hub-accent-violet: #8b5cf6;--hub-accent-emerald: #10b981;--hub-radius-sm: 8px;--hub-radius-md: 12px;--hub-radius-lg: 16px;--hub-radius-xl: 24px;--hub-radius-full: 9999px;--hub-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);--hub-shadow-md: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3);--hub-shadow-lg: 0 20px 35px -10px rgba(0, 0, 0, 0.45);--hub-shadow-glow: 0 0 30px rgba(37, 99, 235, 0.25);--hub-transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);--hub-transition-smooth: 0.3s cubic-bezier(0.16, 1, 0.3, 1);--hub-heading: #ffffff;--hub-hero-title-grad: linear-gradient(135deg, #ffffff 0%, #cbd5e1 50%, #93c5fd 100%);--hub-prose-text: #cbd5e1;--hub-prose-lead: #e2e8f0;--hub-prose-bold: #ffffff;--hub-card-bg: #0f1936;--hub-featured-bg: linear-gradient(135deg, rgba(17, 28, 56, 0.95) 0%, rgba(15, 23, 42, 0.95) 100%);--hub-search-bg: rgba(15, 25, 54, 0.85);--hub-search-input-color: #f1f5f9;--hub-kbd-bg: rgba(255, 255, 255, 0.08);--hub-pill-bg: rgba(15, 25, 54, 0.6);--hub-pill-hover-bg: rgba(30, 46, 84, 0.7);--hub-pill-count-bg: rgba(255, 255, 255, 0.12);--hub-badge-cat-bg: rgba(37, 99, 235, 0.15);--hub-badge-cat-border: rgba(59, 130, 246, 0.3);--hub-badge-cat-color: #60a5fa;--hub-midfeed-bg: linear-gradient(135deg, rgba(37, 99, 235, 0.15) 0%, rgba(139, 92, 246, 0.15) 50%, rgba(15, 25, 54, 0.9) 100%);--hub-midfeed-border: rgba(139, 92, 246, 0.3);--hub-newsletter-box-bg: rgba(11, 19, 41, 0.7);--hub-input-bg: rgba(255, 255, 255, 0.06);--hub-input-color: #ffffff;--hub-toc-bg: #0f1936;--hub-toc-link-hover: rgba(255, 255, 255, 0.04);--hub-author-card-bg: #0f1936;--hub-code-bg: rgba(15, 23, 42, 0.85);--hub-code-border: rgba(255, 255, 255, 0.12);--hub-code-color: #38bdf8;--hub-pre-bg: #090e1d;--hub-pre-border: rgba(255, 255, 255, 0.12);--hub-blockquote-bg: rgba(37, 99, 235, 0.08);--hub-blockquote-color: #93c5fd;--hub-blockquote-border: #2563eb;--hub-table-border: rgba(255, 255, 255, 0.12);--hub-table-th-bg: rgba(30, 41, 59, 0.85);--hub-table-th-color: #f8fafc;--hub-table-td-bg: rgba(15, 23, 42, 0.4);--hub-table-td-color: #cbd5e1;--hub-table-td-alt-bg: rgba(30, 41, 59, 0.25);--hub-katex-display-bg: rgba(30, 41, 59, 0.45);--hub-katex-display-border: rgba(255, 255, 255, 0.08);--hub-katex-color: #f1f5f9;--hub-katex-display-color: #38bdf8;--hub-social-btn-bg: rgba(255, 255, 255, 0.05);--hub-social-btn-color: #94a3b8;--hub-social-btn-border: rgba(255, 255, 255, 0.08);--hub-tag-bg: rgba(255, 255, 255, 0.06);--hub-tag-color: #94a3b8;--hub-tag-border: rgba(255, 255, 255, 0.08);--hub-view-switcher-bg: rgba(15, 25, 54, 0.8);--hub-view-btn-active-bg: rgba(255, 255, 255, 0.12);--hub-view-btn-active-color: #ffffff;--hub-backlink-bg: rgba(37, 99, 235, 0.25);--hub-backlink-border: rgba(96, 165, 250, 0.55);--hub-backlink-color: #ffffff;--hub-backlink-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), 0 0 16px rgba(37, 99, 235, 0.3);--hub-sidebar-cat-hover: rgba(255, 255, 255, 0.05);--hub-count-badge-bg: rgba(255, 255, 255, 0.08);--hub-count-badge-color: #cbd5e1;--hub-trending-rank-color: rgba(255, 255, 255, 0.2);--hub-article-img-border: rgba(255, 255, 255, 0.08);--hub-link-underline: rgba(96, 165, 250, 0.4)}[data-theme="light"]:root,[data-theme="light"]{color-scheme:light;--hub-bg: #f8fafc;--hub-bg-gradient: radial-gradient(circle at 50% 0%, rgba(219, 234, 254, 0.7) 0%, rgba(248, 250, 252, 1) 75%);--hub-surface: #ffffff;--hub-surface-hover: #f1f5f9;--hub-surface-glass: rgba(255, 255, 255, 0.88);--hub-border: #e2e8f0;--hub-border-focus: #3b82f6;--hub-border-hover: rgba(59, 130, 246, 0.35);--hub-text-main: #0f172a;--hub-text-muted: #475569;--hub-text-subtle: #64748b;--hub-primary: #ea580c;--hub-primary-glow: rgba(234, 88, 12, 0.25);--hub-secondary: #2563eb;--hub-accent-cyan: #0284c7;--hub-accent-violet: #7c3aed;--hub-accent-emerald: #059669;--hub-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);--hub-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04);--hub-shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.1), 0 4px 8px rgba(15, 23, 42, 0.04);--hub-shadow-glow: 0 0 25px rgba(37, 99, 235, 0.12);--hub-heading: #0f172a;--hub-hero-title-grad: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #2563eb 100%);--hub-prose-text: #334155;--hub-prose-lead: #1e293b;--hub-prose-bold: #0f172a;--hub-card-bg: #ffffff;--hub-featured-bg: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--hub-search-bg: #ffffff;--hub-search-input-color: #0f172a;--hub-kbd-bg: #e2e8f0;--hub-pill-bg: #ffffff;--hub-pill-hover-bg: #f1f5f9;--hub-pill-count-bg: #e2e8f0;--hub-badge-cat-bg: rgba(37, 99, 235, 0.08);--hub-badge-cat-border: rgba(37, 99, 235, 0.22);--hub-badge-cat-color: #1d4ed8;--hub-midfeed-bg: linear-gradient(135deg, rgba(239, 246, 255, 0.95) 0%, rgba(245, 243, 255, 0.95) 50%, rgba(255, 255, 255, 0.98) 100%);--hub-midfeed-border: rgba(139, 92, 246, 0.25);--hub-newsletter-box-bg: #ffffff;--hub-input-bg: #f8fafc;--hub-input-color: #0f172a;--hub-toc-bg: #ffffff;--hub-toc-link-hover: #f1f5f9;--hub-author-card-bg: #ffffff;--hub-code-bg: #f1f5f9;--hub-code-border: #cbd5e1;--hub-code-color: #0284c7;--hub-pre-bg: #0f172a;--hub-pre-border: #334155;--hub-blockquote-bg: rgba(37, 99, 235, 0.05);--hub-blockquote-color: #1e40af;--hub-blockquote-border: #2563eb;--hub-table-border: #cbd5e1;--hub-table-th-bg: #f1f5f9;--hub-table-th-color: #0f172a;--hub-table-td-bg: #ffffff;--hub-table-td-color: #334155;--hub-table-td-alt-bg: #f8fafc;--hub-katex-display-bg: #f8fafc;--hub-katex-display-border: #e2e8f0;--hub-katex-color: #0f172a;--hub-katex-display-color: #0369a1;--hub-social-btn-bg: #f1f5f9;--hub-social-btn-color: #475569;--hub-social-btn-border: #e2e8f0;--hub-tag-bg: #f1f5f9;--hub-tag-color: #475569;--hub-tag-border: #e2e8f0;--hub-view-switcher-bg: #f1f5f9;--hub-view-btn-active-bg: #ffffff;--hub-view-btn-active-color: #0f172a;--hub-backlink-bg: #ffffff;--hub-backlink-border: #cbd5e1;--hub-backlink-color: #1e293b;--hub-backlink-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);--hub-sidebar-cat-hover: #f1f5f9;--hub-count-badge-bg: #e2e8f0;--hub-count-badge-color: #475569;--hub-trending-rank-color: rgba(15, 23, 42, 0.2);--hub-article-img-border: #e2e8f0;--hub-link-underline: rgba(37, 99, 235, 0.35)}.blog-hub-page{min-height:100vh;background-color:var(--hub-bg);background-image:var(--hub-bg-gradient);background-attachment:fixed;color:var(--hub-text-main);font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;padding-bottom:5rem;overflow-x:hidden;transition:background-color var(--hub-transition-smooth),color var(--hub-transition-smooth)}.blog-hub-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.hub-hero{padding:4.5rem 0 2.5rem;text-align:center;position:relative}.hub-hero-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.35rem 1rem;border-radius:var(--hub-radius-full);background:var(--hub-badge-cat-bg);border:1px solid var(--hub-badge-cat-border);color:var(--hub-badge-cat-color);font-size:0.8125rem;font-weight:600;letter-spacing:0.03em;text-transform:uppercase;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hub-hero-badge i{color:var(--hub-primary)}.hub-hero-title{font-family:'Space Grotesk', 'Plus Jakarta Sans', sans-serif;font-size:3.25rem;font-weight:800;line-height:1.15;letter-spacing:-0.03em;margin:0 auto 1.25rem;max-width:820px;background:var(--hub-hero-title-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hub-hero-subtitle{font-size:1.125rem;line-height:1.65;color:var(--hub-text-muted);max-width:660px;margin:0 auto 2.5rem}.hub-search-wrapper{max-width:640px;margin:0 auto;position:relative}.hub-search-box{display:flex;align-items:center;background:var(--hub-search-bg);border:1px solid var(--hub-border);border-radius:var(--hub-radius-full);padding:0.4rem 0.6rem 0.4rem 1.25rem;box-shadow:var(--hub-shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color var(--hub-transition-fast),box-shadow var(--hub-transition-fast),transform var(--hub-transition-fast)}.hub-search-box:focus-within{border-color:var(--hub-border-focus);box-shadow:0 0 0 4px rgba(37,99,235,0.18),var(--hub-shadow-lg);transform:translateY(-2px)}.hub-search-icon{color:var(--hub-text-subtle);font-size:1.1rem;margin-right:0.75rem;pointer-events:none}.hub-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--hub-search-input-color);font-size:1rem;font-family:inherit;padding:0.5rem 0}.hub-search-input::-moz-placeholder{color:var(--hub-text-subtle)}.hub-search-input::placeholder{color:var(--hub-text-subtle)}.hub-search-clear{background:none;border:none;color:var(--hub-text-subtle);cursor:pointer;padding:0.25rem 0.5rem;display:none;align-items:center;justify-content:center;border-radius:50%;transition:color var(--hub-transition-fast)}.hub-search-clear:hover{color:var(--hub-text-main)}.hub-search-kbd{display:inline-flex;align-items:center;background:var(--hub-kbd-bg);border:1px solid var(--hub-border);color:var(--hub-text-subtle);font-size:0.75rem;font-weight:600;border-radius:6px;padding:0.2rem 0.45rem;margin-left:0.5rem;pointer-events:none}.hub-search-btn{background:linear-gradient(135deg, var(--hub-primary) 0%, #e0531f 100%);color:#ffffff;border:none;border-radius:var(--hub-radius-full);padding:0.65rem 1.5rem;font-size:0.9375rem;font-weight:600;cursor:pointer;transition:transform var(--hub-transition-fast),box-shadow var(--hub-transition-fast);box-shadow:0 4px 12px var(--hub-primary-glow)}.hub-search-btn:hover{transform:scale(1.02);box-shadow:0 6px 16px var(--hub-primary-glow)}.hub-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 0;margin-bottom:2rem;border-top:1px solid var(--hub-border);border-bottom:1px solid var(--hub-border)}.hub-pills-scroll{display:flex;align-items:center;gap:0.65rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0.25rem 0}.hub-pills-scroll::-webkit-scrollbar{display:none}.category-pill{display:inline-flex;align-items:center;gap:0.5rem;white-space:nowrap;padding:0.5rem 1.1rem;border-radius:var(--hub-radius-full);background:var(--hub-pill-bg);border:1px solid var(--hub-border);color:var(--hub-text-muted);font-size:0.875rem;font-weight:500;text-decoration:none;transition:all var(--hub-transition-fast);cursor:pointer}.category-pill:hover{background:var(--hub-pill-hover-bg);color:var(--hub-text-main);border-color:var(--hub-border-hover);transform:translateY(-1px)}.category-pill.active{background:linear-gradient(135deg, var(--hub-secondary) 0%, #1d4ed8 100%);color:#ffffff;border-color:transparent;font-weight:600;box-shadow:0 4px 14px rgba(37,99,235,0.35)}.pill-count{font-size:0.75rem;padding:0.1rem 0.45rem;border-radius:var(--hub-radius-full);background:var(--hub-pill-count-bg);color:inherit}.category-pill.active .pill-count{background:rgba(255,255,255,0.25);color:#ffffff}.hub-view-switcher{display:flex;align-items:center;background:var(--hub-view-switcher-bg);border:1px solid var(--hub-border);border-radius:var(--hub-radius-md);padding:0.25rem}.view-btn{background:transparent;border:none;color:var(--hub-text-subtle);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--hub-transition-fast)}.view-btn:hover{color:var(--hub-text-main)}.view-btn.active{background:var(--hub-view-btn-active-bg);color:var(--hub-view-btn-active-color);box-shadow:0 2px 6px rgba(0,0,0,0.15)}.hub-featured-section{margin-bottom:3.5rem}.featured-card{display:grid;grid-template-columns:1.15fr 1fr;background:var(--hub-featured-bg);border:1px solid var(--hub-border);border-radius:var(--hub-radius-xl);overflow:hidden;box-shadow:var(--hub-shadow-lg);transition:border-color var(--hub-transition-smooth),transform var(--hub-transition-smooth),box-shadow var(--hub-transition-smooth);position:relative}.featured-card:hover{border-color:var(--hub-border-hover);transform:translateY(-3px);box-shadow:var(--hub-shadow-lg)}.featured-image-col{position:relative;overflow:hidden;min-height:380px;background:var(--hub-surface)}.featured-image-link{display:block;width:100%;height:100%}.featured-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 0.6s cubic-bezier(0.16, 1, 0.3, 1)}.featured-card:hover .featured-image{transform:scale(1.05)}.featured-art-fallback{width:100%;height:100%;min-height:380px;background:linear-gradient(135deg, #1e3a8a 0%, #4338ca 50%, #0f172a 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.featured-art-fallback::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%, rgba(6,182,212,0.2) 0%, transparent 60%)}.featured-art-icon{font-size:4rem;color:rgba(255,255,255,0.85);margin-bottom:1rem;filter:drop-shadow(0 10px 20px rgba(0,0,0,0.3))}.featured-art-badge{font-size:0.9rem;font-weight:700;letter-spacing:0.05em;color:rgba(255,255,255,0.9);text-transform:uppercase}.featured-content-col{padding:3rem 2.75rem;display:flex;flex-direction:column;justify-content:center}.featured-meta-header{display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem;margin-bottom:1.25rem}.badge-featured{display:inline-flex;align-items:center;gap:0.35rem;background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);color:#ffffff;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:0.3rem 0.75rem;border-radius:var(--hub-radius-full)}.badge-category{display:inline-block;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;padding:0.3rem 0.8rem;border-radius:var(--hub-radius-full);background:var(--hub-badge-cat-bg);border:1px solid var(--hub-badge-cat-border);color:var(--hub-badge-cat-color)}.badge-reading-time{display:inline-flex;align-items:center;gap:0.35rem;color:var(--hub-text-subtle);font-size:0.8125rem;font-weight:500}.featured-title{font-family:'Space Grotesk', 'Plus Jakarta Sans', sans-serif;font-size:2rem;font-weight:700;line-height:1.25;margin-bottom:1rem}.featured-title a{color:var(--hub-heading);text-decoration:none;transition:color var(--hub-transition-fast)}.featured-title a:hover{color:var(--hub-secondary)}.featured-excerpt{color:var(--hub-text-muted);font-size:1.05rem;line-height:1.6;margin-bottom:1.75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-author-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hub-border);padding-top:1.5rem;margin-top:auto}.author-info-group{display:flex;align-items:center;gap:0.85rem}.author-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg, var(--hub-secondary) 0%, var(--hub-accent-cyan) 100%);color:#ffffff;font-weight:700;font-size:0.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,0.25);border:2px solid rgba(255,255,255,0.2)}.author-name{font-size:0.95rem;font-weight:600;color:var(--hub-heading);margin:0}.author-date{font-size:0.8125rem;color:var(--hub-text-subtle);margin:0}.featured-cta-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--hub-secondary);font-weight:600;font-size:0.95rem;text-decoration:none;transition:transform var(--hub-transition-fast),color var(--hub-transition-fast)}.featured-cta-link i{transition:transform var(--hub-transition-fast)}.featured-cta-link:hover{color:var(--hub-primary)}.featured-cta-link:hover i{transform:translateX(4px)}.hub-main-layout{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:start}.articles-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.75rem;margin-bottom:2.5rem}.article-card{background:var(--hub-card-bg);border:1px solid var(--hub-border);border-radius:var(--hub-radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--hub-transition-smooth),border-color var(--hub-transition-smooth),box-shadow var(--hub-transition-smooth);box-shadow:var(--hub-shadow-sm);position:relative}.article-card:hover{transform:translateY(-4px);border-color:var(--hub-border-hover);box-shadow:var(--hub-shadow-md)}.card-thumbnail-wrap{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--hub-surface)}.card-thumbnail-link{display:block;width:100%;height:100%}.card-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 0.5s cubic-bezier(0.16, 1, 0.3, 1)}.article-card:hover .card-thumbnail{transform:scale(1.05)}.card-art-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-art-1{background:linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%)}.card-art-2{background:linear-gradient(135deg, #4c1d95 0%, #8b5cf6 100%)}.card-art-3{background:linear-gradient(135deg, #065f46 0%, #10b981 100%)}.card-art-4{background:linear-gradient(135deg, #7c2d12 0%, #ff6b35 100%)}.card-art-icon{font-size:2.5rem;color:rgba(255,255,255,0.85);margin-bottom:0.35rem}.card-art-label{font-size:0.75rem;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,0.9);letter-spacing:0.05em}.card-badge-overlay{position:absolute;top:1rem;left:1rem;z-index:2}.card-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.card-meta-row{display:flex;align-items:center;justify-content:space-between;font-size:0.8125rem;color:var(--hub-text-subtle);margin-bottom:0.85rem}.card-date,.card-reading-time{display:inline-flex;align-items:center;gap:0.35rem}.card-title{font-family:'Space Grotesk', 'Plus Jakarta Sans', sans-serif;font-size:1.25rem;font-weight:700;line-height:1.35;margin-bottom:0.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-title a{color:var(--hub-heading);text-decoration:none;transition:color var(--hub-transition-fast)}.card-title a:hover{color:var(--hub-secondary)}.card-excerpt{color:var(--hub-text-muted);font-size:0.9375rem;line-height:1.55;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hub-border);padding-top:1rem;margin-top:auto}.card-author-group{display:flex;align-items:center;gap:0.65rem}.author-avatar-sm{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);color:#ffffff;font-size:0.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.author-name-sm{font-size:0.875rem;font-weight:600;color:var(--hub-text-muted)}.card-read-link{color:var(--hub-secondary);font-size:0.875rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:0.35rem;transition:transform var(--hub-transition-fast),color var(--hub-transition-fast)}.card-read-link:hover{color:var(--hub-primary);transform:translateX(2px)}.articles-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.articles-list .article-card{display:grid;grid-template-columns:260px 1fr}.articles-list .card-thumbnail-wrap{aspect-ratio:auto;height:100%}.midfeed-cta{grid-column:1 / -1;background:var(--hub-midfeed-bg);border:1px solid var(--hub-midfeed-border);border-radius:var(--hub-radius-xl);padding:2.5rem;margin:1.5rem 0 2rem;box-shadow:var(--hub-shadow-md);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.midfeed-cta::after{content:'';position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle, rgba(6,182,212,0.2) 0%, transparent 70%);pointer-events:none}.cta-inner-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}.cta-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(6,182,212,0.15);border:1px solid rgba(6,182,212,0.4);color:var(--hub-accent-cyan);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:0.3rem 0.8rem;border-radius:var(--hub-radius-full);margin-bottom:0.85rem}.cta-headline{font-family:'Space Grotesk', 'Plus Jakarta Sans', sans-serif;font-size:1.75rem;font-weight:700;line-height:1.25;color:var(--hub-heading);margin-bottom:0.65rem}.cta-desc{color:var(--hub-text-muted);font-size:0.95rem;line-height:1.55;margin-bottom:1.25rem}.cta-action-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cta-btn-primary{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg, var(--hub-primary) 0%, #e0531f 100%);color:#ffffff !important;font-weight:700;font-size:0.9375rem;padding:0.75rem 1.4rem;border-radius:var(--hub-radius-full);text-decoration:none;box-shadow:0 4px 15px var(--hub-primary-glow);transition:transform var(--hub-transition-fast),box-shadow var(--hub-transition-fast)}.cta-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--hub-primary-glow);color:#ffffff !important}.cta-form-box{background:var(--hub-newsletter-box-bg);border:1px solid var(--hub-border);border-radius:var(--hub-radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cta-form-title{font-size:1.05rem;font-weight:700;color:var(--hub-heading);margin-bottom:0.35rem}.cta-form-sub{font-size:0.8125rem;color:var(--hub-text-muted);margin-bottom:1rem}.cta-input-group{display:flex;gap:0.5rem}.cta-input{flex:1;background:var(--hub-input-bg);border:1px solid var(--hub-border);border-radius:var(--hub-radius-md);padding:0.65rem 0.9rem;color:var(--hub-input-color);font-size:0.875rem;outline:none;transition:border-color var(--hub-transition-fast)}.cta-input:focus{border-color:var(--hub-secondary)}.cta-submit-btn{background:var(--hub-secondary);color:#ffffff;border:none;border-radius:var(--hub-radius-md);padding:0.65rem 1.1rem;font-size:0.875rem;font-weight:600;cursor:pointer;transition:background var(--hub-transition-fast)}.cta-submit-btn:hover{background:#1d4ed8}.blog-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:2rem}.sidebar-widget{background:var(--hub-surface);border:1px solid var(--hub-border);border-radius:var(--hub-radius-lg);padding:1.5rem;box-shadow:var(--hub-shadow-sm)}.widget-title{font-family:'Space Grotesk', 'Plus Jakarta Sans', sans-serif;font-size:1.125rem;font-weight:700;color:var(--hub-heading);display:flex;align-items:center;gap:0.65rem;margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:1px solid var(--hub-border)}.widget-title i{color:var(--hub-primary)}.trending-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.trending-item{display:flex;align-items:flex-start;gap:1rem}.trending-rank{font-family:'Space Grotesk', sans-serif;font-size:1.35rem;font-weight:800;line-height:1;color:var(--hub-trending-rank-color);min-width:28px}.trending-item:nth-child(1) .trending-rank{color:#f59e0b}.trending-item:nth-child(2) .trending-rank{color:#3b82f6}.trending-item:nth-child(3) .trending-rank{color:var(--hub-accent-cyan)}.trending-content{flex:1}.trending-post-title{font-size:0.9375rem;font-weight:600;line-height:1.4;margin-bottom:0.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-post-title a{color:var(--hub-heading);text-decoration:none;transition:color var(--hub-transition-fast)}.trending-post-title a:hover{color:var(--hub-secondary)}.trending-meta{font-size:0.75rem;color:var(--hub-text-subtle);display:flex;align-items:center;gap:0.5rem}.sidebar-category-list{display:flex;flex-direction:column;gap:0.5rem}.sidebar-category-row{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.75rem;border-radius:var(--hub-radius-sm);color:var(--hub-text-muted);text-decoration:none;font-size:0.875rem;transition:background var(--hub-transition-fast),color var(--hub-transition-fast)}.sidebar-category-row:hover{background:var(--hub-sidebar-cat-hover);color:var(--hub-heading)}.sidebar-count-badge{font-size:0.75rem;background:var(--hub-count-badge-bg);color:var(--hub-count-badge-color);padding:0.15rem 0.5rem;border-radius:var(--hub-radius-full)}.sidebar-widget-portals{border-color:rgba(99,102,241,0.25)}.sidebar-widget-cta{background:linear-gradient(135deg, rgba(37,99,235,0.18) 0%, rgba(15,25,54,0.95) 100%);border-color:rgba(59,130,246,0.3)}[data-theme="light"]:root .sidebar-widget-cta,[data-theme="light"] .sidebar-widget-cta{background:linear-gradient(135deg, #eff6ff 0%, #e0f2fe 100%);border-color:#bfdbfe}.widget-cta-badge{display:inline-flex;align-items:center;gap:0.4rem;color:var(--hub-accent-cyan);font-size:0.75rem;font-weight:700;text-transform:uppercase;margin-bottom:0.75rem}.widget-cta-title{font-size:1.1rem;font-weight:700;color:var(--hub-heading);margin-bottom:0.5rem;line-height:1.35}.widget-cta-desc{font-size:0.875rem;color:var(--hub-text-muted);line-height:1.5;margin-bottom:1.25rem}.share-widget-title{font-size:0.95rem;font-weight:700;color:var(--hub-heading);margin-bottom:0.85rem;display:flex;align-items:center;gap:0.5rem}.reading-tags-label{font-size:0.875rem;color:var(--hub-text-subtle);font-weight:600;margin-right:0.5rem}.sidebar-badge-explore-neet{background:rgba(16,185,129,0.15) !important;color:#059669 !important}[data-theme="dark"]:root .sidebar-badge-explore-neet{background:rgba(16,185,129,0.2) !important;color:#10b981 !important}.sidebar-badge-explore-jee{background:rgba(99,102,241,0.15) !important;color:#4f46e5 !important}[data-theme="dark"]:root .sidebar-badge-explore-jee{background:rgba(99,102,241,0.2) !important;color:#818cf8 !important}.hub-pagination{margin-top:2rem;display:flex;justify-content:center}.hub-pagination .pagination{display:flex;gap:0.4rem;list-style:none;padding:0}.hub-pagination .page-item .page-link{background:var(--hub-surface);border:1px solid var(--hub-border);color:var(--hub-text-muted);border-radius:var(--hub-radius-md);padding:0.55rem 1rem;font-size:0.875rem;font-weight:600;text-decoration:none;transition:all var(--hub-transition-fast)}.hub-pagination .page-item .page-link:hover{background:var(--hub-pill-hover-bg);color:var(--hub-text-main);border-color:var(--hub-border-hover)}.hub-pagination .page-item.active .page-link{background:var(--hub-secondary);color:#ffffff;border-color:var(--hub-secondary)}.hub-empty-state{text-align:center;padding:4.5rem 2rem;background:var(--hub-surface);border:1px dashed var(--hub-border);border-radius:var(--hub-radius-xl);margin:2rem 0}.empty-icon-wrap{width:72px;height:72px;border-radius:50%;background:rgba(37,99,235,0.12);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#60a5fa;margin:0 auto 1.5rem}.empty-title{font-size:1.5rem;font-weight:700;color:var(--hub-heading);margin-bottom:0.5rem}.empty-sub{color:var(--hub-text-muted);max-width:440px;margin:0 auto 1.5rem;line-height:1.55}.empty-reset-btn{display:inline-flex;align-items:center;gap:0.5rem;background:var(--hub-secondary);color:#ffffff;font-weight:600;font-size:0.875rem;padding:0.65rem 1.25rem;border-radius:var(--hub-radius-full);text-decoration:none}@media (max-width: 1080px){.hub-main-layout{grid-template-columns:1fr}.blog-sidebar{position:static;display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}}@media (max-width: 860px){.hub-hero-title{font-size:2.4rem}.featured-card{grid-template-columns:1fr}.featured-image-col{min-height:260px}.featured-content-col{padding:2rem 1.5rem}.articles-grid{grid-template-columns:1fr}.articles-list .article-card{grid-template-columns:1fr}.cta-inner-grid{grid-template-columns:1fr}.blog-sidebar{grid-template-columns:1fr}}@media (max-width: 540px){.hub-hero{padding:3rem 0 1.75rem}.hub-hero-title{font-size:1.85rem}.hub-hero-subtitle{font-size:0.95rem}.hub-search-box{padding:0.35rem 0.4rem 0.35rem 0.9rem}.hub-search-kbd{display:none}.hub-search-btn{padding:0.55rem 1.1rem;font-size:0.85rem}.hub-filter-bar{flex-direction:column;align-items:stretch;gap:0.85rem}.hub-view-switcher{align-self:flex-end}.card-body{padding:1.25rem}.midfeed-cta{padding:1.5rem}.cta-input-group{flex-direction:column}}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg, var(--hub-primary) 0%, var(--hub-secondary) 50%, var(--hub-accent-cyan) 100%);z-index:99999;transition:width 80ms ease-out;box-shadow:0 0 10px rgba(6,182,212,0.5)}.reading-page-wrap{max-width:1200px;margin:0 auto;padding:6.5rem 1.5rem 5rem}.reading-nav-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.25rem;position:relative;z-index:10}.reading-back-link{display:inline-flex;align-items:center;gap:0.65rem;color:var(--hub-backlink-color) !important;font-size:0.9375rem;font-weight:700;text-decoration:none;transition:all var(--hub-transition-fast);padding:0.65rem 1.35rem;border-radius:var(--hub-radius-full);background:var(--hub-backlink-bg);border:1.5px solid var(--hub-backlink-border);box-shadow:var(--hub-backlink-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.reading-back-link i{color:var(--hub-secondary);font-size:0.95rem;transition:transform var(--hub-transition-fast)}[data-theme="dark"]:root .reading-back-link i{color:#60a5fa}.reading-back-link:hover{color:#ffffff !important;background:var(--hub-secondary);border-color:var(--hub-secondary);transform:translateX(-4px);box-shadow:0 6px 22px rgba(37,99,235,0.4)}.reading-back-link:hover i{color:#ffffff !important;transform:translateX(-2px)}.reading-hero{max-width:860px;margin:0 auto 2.5rem;text-align:left}.reading-meta-tags{display:flex;align-items:center;flex-wrap:wrap;gap:0.75rem;margin-bottom:1.25rem}.reading-title{font-family:'Space Grotesk', 'Plus Jakarta Sans', sans-serif;font-size:2.75rem;font-weight:800;line-height:1.2;letter-spacing:-0.02em;color:var(--hub-heading);margin-bottom:1.5rem}.reading-author-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;padding:1.25rem 0;border-top:1px solid var(--hub-border);border-bottom:1px solid var(--hub-border)}.reading-author-profile{display:flex;align-items:center;gap:0.9rem}.reading-author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg, var(--hub-secondary) 0%, var(--hub-accent-cyan) 100%);color:#ffffff;font-weight:700;font-size:1.05rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.25);border:2px solid rgba(255,255,255,0.2)}.reading-author-name{font-size:1rem;font-weight:700;color:var(--hub-heading);margin:0 0 0.15rem}.reading-author-meta{font-size:0.8125rem;color:var(--hub-text-subtle);display:flex;align-items:center;gap:0.6rem;margin:0}.reading-social-share{display:flex;align-items:center;gap:0.5rem}.social-btn{width:38px;height:38px;border-radius:50%;background:var(--hub-social-btn-bg);border:1px solid var(--hub-social-btn-border);color:var(--hub-social-btn-color);display:flex;align-items:center;justify-content:center;font-size:0.95rem;text-decoration:none;transition:all var(--hub-transition-fast);cursor:pointer}.social-btn:hover{background:var(--hub-secondary);color:#ffffff;border-color:var(--hub-secondary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,0.3)}.reading-cover-container{max-width:980px;margin:0 auto 3rem;border-radius:var(--hub-radius-xl);overflow:hidden;border:1px solid var(--hub-border);box-shadow:var(--hub-shadow-lg);background:var(--hub-surface)}.reading-cover-img{width:100%;max-height:480px;-o-object-fit:cover;object-fit:cover;display:block}.reading-layout-grid{display:grid;grid-template-columns:minmax(0, 780px) 320px;justify-content:center;gap:3.5rem;align-items:start}.article-prose{font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-size:1.125rem;line-height:1.85;color:var(--hub-prose-text);word-break:break-word}.article-prose p{margin-bottom:1.75rem;color:var(--hub-prose-text)}.article-prose h1,.article-prose h2{font-family:'Space Grotesk', 'Plus Jakarta Sans', sans-serif;font-size:1.875rem;font-weight:700;line-height:1.3;letter-spacing:-0.015em;color:var(--hub-heading);margin:2.75rem 0 1.25rem;padding-bottom:0.5rem;border-bottom:1px solid var(--hub-border);position:relative;scroll-margin-top:100px}.article-prose h1::before,.article-prose h2::before{content:'';position:absolute;bottom:-1px;left:0;width:48px;height:2px;background:var(--hub-primary)}.article-prose h3{font-family:'Space Grotesk', 'Plus Jakarta Sans', sans-serif;font-size:1.45rem;font-weight:700;line-height:1.35;color:var(--hub-heading);margin:2.25rem 0 1rem;scroll-margin-top:100px}.article-prose h4,.article-prose h5,.article-prose h6{font-family:'Space Grotesk', 'Plus Jakarta Sans', sans-serif;color:var(--hub-heading);margin:1.75rem 0 0.75rem}.article-prose ul,.article-prose ol{margin:0 0 1.75rem;padding-left:1.75rem;color:var(--hub-prose-text)}.article-prose li{margin-bottom:0.65rem;line-height:1.75;color:var(--hub-prose-text)}.article-prose blockquote{margin:2rem 0;padding:1.25rem 1.75rem;background:var(--hub-blockquote-bg);border-left:4px solid var(--hub-blockquote-border);border-radius:0 var(--hub-radius-md) var(--hub-radius-md) 0;color:var(--hub-blockquote-color);font-style:italic;font-size:1.15rem}.article-prose strong,.article-prose b{color:var(--hub-prose-bold);font-weight:700}.article-prose em,.article-prose i{color:inherit}.article-prose a{color:var(--hub-secondary);text-decoration:underline;text-decoration-color:var(--hub-link-underline);text-underline-offset:3px;transition:color var(--hub-transition-fast),text-decoration-color var(--hub-transition-fast)}.article-prose a:hover{color:var(--hub-primary);text-decoration-color:var(--hub-primary)}.article-prose img{max-width:100%;height:auto;border-radius:var(--hub-radius-lg);margin:2rem auto;display:block;box-shadow:var(--hub-shadow-md);border:1px solid var(--hub-article-img-border)}.article-prose figure{margin:2rem 0;text-align:center}.article-prose figcaption{font-size:0.875rem;color:var(--hub-text-subtle);margin-top:0.65rem}.article-prose code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.875em;padding:0.2em 0.45em;border-radius:6px;background:var(--hub-code-bg);border:1px solid var(--hub-code-border);color:var(--hub-code-color);word-break:break-word}.article-prose pre{margin:1.75rem 0;padding:1.25rem 1.5rem;border-radius:var(--hub-radius-md);background:var(--hub-pre-bg);border:1px solid var(--hub-pre-border);overflow-x:auto;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;line-height:1.6}.article-prose pre code{background:transparent;border:none;padding:0;color:#e2e8f0;font-size:0.9em}[data-theme="light"]:root .article-prose pre code,[data-theme="light"] .article-prose pre code{color:#f8fafc}.article-prose table{width:100%;border-collapse:collapse;margin:2rem 0;overflow-x:auto;display:block}@media (min-width: 768px){.article-prose table{display:table}}.article-prose table th,.article-prose table td{border:1px solid var(--hub-table-border);padding:0.85rem 1rem}.article-prose table th{background:var(--hub-table-th-bg);color:var(--hub-table-th-color);font-weight:700;text-align:left}.article-prose table td{background:var(--hub-table-td-bg);color:var(--hub-table-td-color)}.article-prose table tr:nth-child(even) td{background:var(--hub-table-td-alt-bg)}.article-prose table tr:hover td{background:var(--hub-surface-hover)}.article-prose .katex{color:var(--hub-katex-color);font-size:1.05em}.article-prose .katex-display{overflow-x:auto;overflow-y:hidden;padding:1rem 1.25rem;margin:1.75rem 0 !important;background:var(--hub-katex-display-bg);border:1px solid var(--hub-katex-display-border);border-radius:8px;text-align:center}.article-prose .katex-display>.katex{color:var(--hub-katex-display-color)}.reading-tags-row{display:flex;align-items:center;flex-wrap:wrap;gap:0.65rem;margin:3rem 0 2rem;padding-top:1.5rem;border-top:1px solid var(--hub-border)}.reading-tag-pill{font-size:0.8125rem;font-weight:600;padding:0.35rem 0.85rem;border-radius:var(--hub-radius-full);background:var(--hub-tag-bg);border:1px solid var(--hub-tag-border);color:var(--hub-tag-color);text-decoration:none;transition:all var(--hub-transition-fast)}.reading-tag-pill:hover{background:var(--hub-badge-cat-bg);border-color:var(--hub-badge-cat-border);color:var(--hub-badge-cat-color)}.reading-author-card{background:var(--hub-author-card-bg);border:1px solid var(--hub-border);border-radius:var(--hub-radius-xl);padding:2rem;margin:3rem 0;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--hub-shadow-md)}.author-card-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg, var(--hub-primary) 0%, #e0531f 100%);color:#ffffff;font-size:1.4rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px var(--hub-primary-glow)}.author-card-content h4{font-size:1.15rem;font-weight:700;color:var(--hub-heading);margin-bottom:0.35rem}.author-card-content p{color:var(--hub-text-muted);font-size:0.9375rem;line-height:1.55;margin:0}.reading-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:1.75rem}.toc-card{background:var(--hub-toc-bg);border:1px solid var(--hub-border);border-radius:var(--hub-radius-lg);padding:1.5rem;box-shadow:var(--hub-shadow-sm);max-height:calc(100vh - 120px);overflow-y:auto}.toc-card-header{font-family:'Space Grotesk', sans-serif;font-size:1rem;font-weight:700;color:var(--hub-heading);display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--hub-border)}.toc-card-header i{color:var(--hub-primary)}.toc-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.45rem}.toc-link{display:block;padding:0.35rem 0.65rem;border-radius:var(--hub-radius-sm);color:var(--hub-text-muted);font-size:0.875rem;line-height:1.4;text-decoration:none;transition:all var(--hub-transition-fast);border-left:2px solid transparent}.toc-link:hover{color:var(--hub-heading);background:var(--hub-toc-link-hover)}.toc-link.active{color:var(--hub-secondary);font-weight:600;border-left-color:var(--hub-secondary);background:var(--hub-badge-cat-bg)}.toc-link.h3-indent{padding-left:1.25rem;font-size:0.8125rem}.related-posts-section{margin-top:4.5rem;padding-top:3.5rem;border-top:1px solid var(--hub-border)}.related-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.related-title{font-family:'Space Grotesk', 'Plus Jakarta Sans', sans-serif;font-size:1.85rem;font-weight:700;color:var(--hub-heading);margin:0}.related-view-all{color:var(--hub-secondary);font-weight:600;font-size:0.9375rem;text-decoration:none;display:inline-flex;align-items:center;gap:0.4rem;transition:color var(--hub-transition-fast)}.related-view-all:hover{color:var(--hub-primary)}@media (max-width: 960px){.reading-layout-grid{grid-template-columns:1fr;gap:2.5rem}.reading-sidebar{position:static}.reading-title{font-size:2.15rem}}@media (max-width: 600px){.reading-page-wrap{padding:5rem 1rem 3.5rem}.reading-title{font-size:1.75rem}.reading-author-bar{flex-direction:column;align-items:flex-start}.reading-author-card{flex-direction:column;text-align:center;padding:1.5rem}}