.featured-card{min-height:340px;box-shadow:none;background:0 0;border:none;align-items:stretch;margin-bottom:28px;display:flex;position:relative;overflow:hidden}.featured-bg{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.featured-bg--fallback{z-index:0;background:radial-gradient(60% 80% at 92% 8%,#a7f3d099 0%,#0000 60%) 0 0/200% 200%,radial-gradient(70% 90% at 8% 100%,#6ee7b780 0%,#0000 55%) 100% 100%/200% 200%,radial-gradient(40% 60% at 50% 40%,#34d39940 0%,#0000 70%) 50%/200% 200%,linear-gradient(135deg,#ecfdf5 0%,#d1fae5 38%,#a7f3d0 62%,#6ee7b7 100%) 0 0/220% 220%;animation:18s ease-in-out infinite topic-bg-flow;position:absolute;inset:0}.featured-bg--fallback:before,.featured-bg--fallback:after{content:"";pointer-events:none;position:absolute;inset:0}.featured-bg--fallback:before{opacity:.7;background-image:radial-gradient(#10b9811f 1px,#0000 1px),radial-gradient(#10b98114 1px,#0000 1px);background-position:0 0,14px 14px;background-size:28px 28px,56px 56px;animation:24s linear infinite topic-grid-drift;-webkit-mask-image:linear-gradient(#00000080 0%,#0000 75%);mask-image:linear-gradient(#00000080 0%,#0000 75%)}.featured-bg--fallback:after{opacity:.9;background:linear-gradient(115deg,#0000 38%,#10b98126 48%,#0000 58%),radial-gradient(30% 50% at 18% 12%,#6ee7b733 0%,#0000 60%),radial-gradient(35% 50% at 88% 92%,#34d3992e 0%,#0000 60%);animation:8s ease-in-out infinite topic-glow-breathe}[data-theme=dark] .featured-bg--fallback{background:radial-gradient(60% 80% at 92% 8%,#10b98173 0%,#0000 60%),radial-gradient(70% 90% at 8% 100%,#05966959 0%,#0000 55%),radial-gradient(40% 60% at 50% 40%,#34d3992e 0%,#0000 70%),linear-gradient(135deg,#042f2e 0%,#064e3b 38%,#065f46 62%,#0f172a 100%)}[data-theme=dark] .featured-bg--fallback:before{background-image:radial-gradient(#a7f3d02e 1px,#0000 1px),radial-gradient(#a7f3d01a 1px,#0000 1px)}[data-theme=dark] .featured-bg--fallback:after{background:linear-gradient(115deg,#0000 38%,#6ee7b738 48%,#0000 58%),radial-gradient(30% 50% at 18% 12%,#a7f3d040 0%,#0000 60%),radial-gradient(35% 50% at 88% 92%,#34d39933 0%,#0000 60%)}@media (prefers-reduced-motion:reduce){.featured-bg--fallback,.featured-bg--fallback:before,.featured-bg--fallback:after{animation:none}}.featured-overlay{z-index:1;background:linear-gradient(135deg,#f8fafc8c 0%,#f8fafc40 60%,#0000 100%);position:absolute;inset:0}.featured-cover-link{display:none}.featured-bg-post{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;display:none;position:absolute;inset:0}.featured-content{z-index:2;flex-direction:column;justify-content:center;gap:12px;width:66%;padding:40px 36px;display:flex;position:relative}.featured-badge{color:#fff;background:var(--color-primary);border-radius:var(--radius-full);width:fit-content;box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary) 30%, transparent);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.featured-title{color:#064e3b;text-shadow:0 1px 2px #fff9;font-size:26px;font-weight:700;line-height:1.35}.featured-title a{color:inherit}.featured-title a:hover{color:var(--color-primary)}.featured-subtitle{color:#1f3a2e;font-size:15px;font-weight:500}.featured-desc{color:#1f3a2e;text-shadow:0 1px 2px #ffffff80;font-size:14px;line-height:1.7}.featured-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.featured-meta{color:#134e3a;align-items:center;gap:16px;margin-top:8px;font-size:13px;display:flex}.featured-meta .meta-item{align-items:center;gap:4px;display:flex}.featured-meta svg{width:14px;height:14px}.featured-image{background:linear-gradient(135deg, var(--color-primary-bg), var(--color-border-light));justify-content:center;align-items:center;min-height:280px;display:flex;position:relative}.featured-image img{object-fit:cover;width:100%;height:100%}.featured-image-placeholder{font-family:var(--font-mono);color:var(--color-primary);opacity:.3;font-size:64px;font-weight:700}.featured-carousel{border-radius:var(--radius-lg);margin-bottom:28px;position:relative;overflow:hidden}.carousel-track{position:relative}.carousel-slide{margin-bottom:0;display:none}.carousel-slide.active{animation:.5s fadeInSlide;display:grid}@keyframes fadeInSlide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.carousel-arrow{border-radius:var(--radius-full);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-secondary);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition);z-index:10;opacity:0;background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.featured-carousel:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.carousel-arrow svg{width:20px;height:20px}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.carousel-dot{border-radius:var(--radius-full);border:1px solid var(--color-border);cursor:pointer;width:8px;height:8px;transition:all var(--transition);background:#fff9;padding:0}.carousel-dot:hover{background:#ffffffe6}.carousel-dot.active{background:var(--color-primary);border-color:var(--color-primary);width:24px}[data-theme=dark] .carousel-arrow{background:#1e293be6}[data-theme=dark] .carousel-dot{border-color:var(--color-border);background:#64748b66}[data-theme=dark] .carousel-dot.active{background:var(--color-primary);border-color:var(--color-primary)}:is(.featured-carousel:has(.carousel-slide:only-child) .carousel-arrow,.featured-carousel:has(.carousel-slide:only-child) .carousel-dots){display:none}[data-theme=dark] .featured-overlay{background:linear-gradient(135deg,#000000a6 0%,#00000059 60%,#0000 100%)}[data-theme=dark] .featured-bg~.featured-overlay{background:linear-gradient(135deg,#0000008c 0%,#00000040 60%,#0000 100%)}[data-theme=dark] .featured-title,[data-theme=dark] .featured-subtitle,[data-theme=dark] .featured-desc{color:#f1f5f9;text-shadow:0 2px 8px #00000080}[data-theme=dark] .featured-meta{color:#f1f5f9b8}@media (hover:none){.featured-carousel .carousel-arrow{opacity:1}}@media (width<=1024px){.featured-card{min-height:280px}.featured-content{padding:28px 24px}}@media (width<=768px){.featured-card{min-height:200px}.featured-content{width:100%;padding:20px}.featured-overlay{background:linear-gradient(135deg,#f8fafcbf 0%,#f8fafc73 50%,#f8fafc33 100%)}.featured-title{font-size:20px}.featured-desc{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.featured-tags,.featured-content .btn{display:none}.carousel-arrow{width:32px;height:32px}.carousel-arrow svg{width:16px;height:16px}.carousel-prev{left:8px}.carousel-next{right:8px}.carousel-dots{gap:6px;bottom:8px}.carousel-dot{width:6px;height:6px}.carousel-dot.active{width:18px}.featured-carousel[data-mobile-cover-only=true] .featured-content{display:none!important}.featured-carousel[data-mobile-cover-only=true] .featured-overlay{background:linear-gradient(#0000 50%,#00000073 100%)}.featured-carousel[data-mobile-cover-only=true] .featured-cover-link{z-index:3;text-decoration:none;display:block;position:absolute;inset:0}.featured-carousel[data-mobile-cover-only=true] .carousel-arrow,.featured-carousel[data-mobile-cover-only=true] .carousel-dots{z-index:4}.featured-carousel[data-mobile-cover-only=true] .featured-bg-post{z-index:0;display:block}:is(.featured-carousel[data-mobile-cover-only=true] .featured-card:has(.featured-bg-post) .featured-bg,.featured-carousel[data-mobile-cover-only=true] .featured-card:has(.featured-bg-post) .featured-bg--fallback){display:none}}@media (width<=480px){.featured-card{min-height:168px}.featured-content{padding:16px 14px}.featured-title{font-size:17px;line-height:1.4}.featured-desc{display:none}.featured-meta{gap:8px;font-size:11px}.featured-meta .meta-item:first-child{display:none}.featured-badge{padding:2px 8px;font-size:11px}}