.workDetailHero{background:var(--bgPrimary);padding:5rem 0 3rem;position:relative}.workDetailNarrative{background:var(--bgPrimary);padding:4rem 0}.workDetailMetrics{background:var(--bgSecondary);padding:4rem 0}.workDetailGallery{background:var(--bgPrimary);padding:4rem 0}.workDetailTestimonial{background:var(--bgSecondary);padding:5rem 0}.workDetailMetaSection{background:var(--bgPrimary);padding:4rem 0}.workDetailNav{background:var(--bgPrimary);padding:0 0 4rem}.workRelated{background:var(--bgSecondary);padding:5rem 0}.workDetailHeroContainer{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.workDetailBackLink{border:1px solid var(--cardBorder);color:var(--textSecondary);font-size:var(--textSm);background:0 0;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:2.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.workDetailBackLink:hover{border-color:var(--cdBlue);color:var(--cdBlue);transform:translate(-2px)}.workDetailHeroContent{text-align:center;flex-direction:column;align-items:center;max-width:820px;margin:0 auto 3rem;display:flex}.workDetailHeroTitle{font-size:clamp(2.25rem,5.5vw,4rem);font-weight:800;line-height:var(--leadingTight);color:var(--textPrimary);letter-spacing:var(--trackingTight);margin:0 0 1.5rem}.workDetailHeroExcerpt{font-size:var(--textXl);line-height:var(--leadingRelaxed);color:var(--textSecondary);max-width:720px;margin:0 0 2rem}.workDetailMeta{font-size:var(--textSm);color:var(--textTertiary);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.75rem;margin-bottom:2rem;font-weight:500;display:flex}.workDetailMetaItem{align-items:center;gap:.4rem;display:inline-flex}.workDetailMetaIcon{width:1rem;height:1rem;color:var(--cdBlue)}.workDetailHeroActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.workDetailHeroBannerWrap{margin:0}.workDetailHeroBanner{aspect-ratio:21/9;background:var(--bgTertiary);border:1px solid var(--cardBorder);width:100%;box-shadow:var(--shadowLg);border-radius:1.5rem;position:relative;overflow:hidden}.workDetailHeroBannerImage{object-fit:cover}.workDetailHeroBannerPlaceholder{background:linear-gradient(135deg, var(--glassIndigo10), var(--glassCyan10));justify-content:center;align-items:center;display:flex}.workDetailHeroBannerIcon{width:4rem;height:4rem;color:var(--cdBlue);opacity:.5}.workDetailSkeletonPill{border-radius:3rem;width:140px;height:36px;margin-bottom:1.5rem}.workDetailSkeletonTitle{border-radius:.5rem;width:100%;max-width:600px;height:3rem;margin-bottom:.75rem}.workDetailSkeletonShort{width:60%;margin-bottom:1.5rem}.workDetailSkeletonExcerpt{border-radius:.25rem;width:80%;height:1.25rem;margin-bottom:.5rem}.workDetailSkeletonMeta{border-radius:.25rem;width:40%;height:1rem;margin-top:1.5rem}.workDetailSectionHeader{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.workDetailNarrativeContainer{max-width:1200px;margin:0 auto;padding:0 2rem}.workDetailNarrativeGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.workDetailNarrativeCard{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1.25rem;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s;display:flex}.workDetailNarrativeCard:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd);transform:translateY(-3px)}.workDetailNarrativeIcon{background:linear-gradient(135deg, var(--glassIndigo10), var(--glassCyan10));border:1px solid var(--glassIndigo30);border-radius:.875rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.workDetailNarrativeIconSvg{width:1.5rem;height:1.5rem;color:var(--cdBlue)}.workDetailNarrativeLabel{font-size:var(--textSm);color:var(--cdBlue);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.workDetailNarrativeBody{font-size:var(--textBase);line-height:var(--leadingRelaxed);color:var(--textSecondary);margin:0}.workDetailMetricsContainer{max-width:1200px;margin:0 auto;padding:0 2rem}.workDetailMetricsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;display:grid}.workDetailMetricCard{background:var(--cardBg);border:1px solid var(--cardBorder);text-align:center;border-radius:1.25rem;padding:1.75rem 1.5rem;transition:all .3s}.workDetailMetricCard:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd);transform:translateY(-3px)}.workDetailMetricValue{background:linear-gradient(135deg, var(--cdGradientFrom), var(--cdGradientTo));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.375rem;font-size:clamp(1.875rem,4vw,2.75rem);font-weight:800;line-height:1}.workDetailMetricLabel{font-size:var(--textSm);color:var(--textTertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.workDetailGalleryContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.workDetailGalleryGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.workDetailGalleryItem{background:var(--cardBg);border:1px solid var(--cardBorder);color:inherit;border-radius:1rem;text-decoration:none;transition:all .3s;overflow:hidden}.workDetailGalleryItem:hover{border-color:var(--cdBlue);box-shadow:var(--shadowLg);transform:translateY(-3px)}.workDetailGalleryImageWrap{aspect-ratio:4/3;background:var(--bgTertiary);width:100%;position:relative;overflow:hidden}.workDetailGalleryImage{object-fit:cover;transition:transform .4s}.workDetailGalleryItem:hover .workDetailGalleryImage{transform:scale(1.04)}.workDetailGalleryCaption{font-size:var(--textSm);color:var(--textSecondary);border-top:1px solid var(--cardBorder);padding:.75rem 1rem}.workDetailTestimonialContainer{max-width:900px;margin:0 auto;padding:0 2rem}.workDetailTestimonialCard{background:var(--cardBg);border:1px solid var(--cardBorder);text-align:center;box-shadow:var(--shadowLg);border-radius:1.5rem;flex-direction:column;align-items:center;padding:3rem 2.5rem;display:flex;position:relative}.workDetailTestimonialQuoteIcon{width:2.5rem;height:2.5rem;color:var(--cdBlue);opacity:.7;margin-bottom:1rem}.workDetailTestimonialQuote{font-size:clamp(1.125rem,2.2vw,1.5rem);line-height:var(--leadingRelaxed);color:var(--textPrimary);margin:0 0 1.5rem;font-style:italic;font-weight:500}.workDetailTestimonialRating{gap:.25rem;margin-bottom:1rem;display:inline-flex}.workDetailTestimonialStar{width:1.125rem;height:1.125rem;color:var(--cardBorder)}.workDetailTestimonialStarFilled{color:var(--cdYellow);fill:var(--cdYellow)}.workDetailTestimonialAuthor{flex-direction:column;align-items:center;gap:.25rem;display:flex}.workDetailTestimonialAuthorName{font-size:var(--textBase);color:var(--textPrimary);font-weight:700}.workDetailTestimonialAuthorMeta{font-size:var(--textSm);color:var(--textTertiary)}.workDetailMetaContainer{max-width:1200px;margin:0 auto;padding:0 2rem}.workDetailMetaGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.workDetailMetaBlock{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1.25rem;flex-direction:column;gap:.875rem;padding:1.5rem;display:flex}.workDetailMetaBlockTech{grid-column:span 2}.workDetailMetaLabel{font-size:var(--textSm);color:var(--cdBlue);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.workDetailMetaTechs{flex-wrap:wrap;gap:.5rem;display:flex}.workDetailMetaTech{background:var(--bgTertiary);border:1px solid var(--cardBorder);font-size:var(--textSm);color:var(--textPrimary);border-radius:1rem;align-items:center;padding:.4rem .875rem;font-weight:500;display:inline-flex}.workDetailMetaItems{flex-direction:column;gap:.625rem;display:flex}.workDetailMetaItemRow{font-size:var(--textBase);color:var(--textSecondary);align-items:center;gap:.5rem;display:flex}.workDetailMetaItemIcon{width:1rem;height:1rem;color:var(--cdBlue);flex-shrink:0}.workDetailMetaLink{font-size:var(--textBase);color:var(--cdBlue);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.workDetailMetaLink:hover{color:var(--cdAccent)}.workDetailNavContainer{grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.workDetailNavCardSpacer{visibility:hidden}.workDetailNavCard{background:var(--cardBg);border:1px solid var(--cardBorder);color:inherit;border-radius:1.25rem;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s;display:flex}.workDetailNavCard:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd);transform:translateY(-3px)}.workDetailNavCardNext{text-align:right;flex-direction:row-reverse}.workDetailNavCardThumb{background:var(--bgTertiary);border-radius:.75rem;flex-shrink:0;width:80px;height:80px;position:relative;overflow:hidden}.workDetailNavCardImage{object-fit:cover}.workDetailNavCardThumbPlaceholder{background:linear-gradient(135deg, var(--glassIndigo10), var(--glassCyan10));width:100%;height:100%;color:var(--cdBlue);justify-content:center;align-items:center;display:flex}.workDetailNavCardPlaceholderIcon{opacity:.6;width:1.75rem;height:1.75rem}.workDetailNavCardBody{flex-direction:column;gap:.375rem;min-width:0;display:flex}.workDetailNavCardLabel{color:var(--cdBlue);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:700;display:inline-flex}.workDetailNavCardNext .workDetailNavCardLabel{justify-content:flex-end}.workDetailNavCardLabelIcon{width:.875rem;height:.875rem}.workDetailNavCardTitle{font-size:var(--textBase);color:var(--textPrimary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.workRelatedContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.workRelatedHeader{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:3rem;display:flex;position:relative}.workRelatedTitle{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:var(--leadingTight);color:var(--textPrimary);letter-spacing:var(--trackingTight);margin:0}.workRelatedHeader .workSecondaryAction{position:absolute;top:0;right:0}@media (max-width:1024px){.workDetailHeroBanner{aspect-ratio:16/9}.workDetailNarrativeGrid{grid-template-columns:1fr}.workDetailMetaBlockTech{grid-column:span 1}.workRelatedHeader .workSecondaryAction{position:static}}@media (max-width:768px){.workDetailHero{padding:4rem 0 2rem}.workDetailHeroContainer,.workDetailNarrativeContainer,.workDetailMetricsContainer,.workDetailGalleryContainer,.workDetailTestimonialContainer,.workDetailMetaContainer,.workDetailNavContainer,.workRelatedContainer{padding:0 1rem}.workDetailMeta{gap:1rem}.workDetailHeroBanner{aspect-ratio:4/3;border-radius:1rem}.workDetailNarrative,.workDetailMetrics,.workDetailGallery,.workDetailTestimonial,.workDetailMetaSection{padding:3rem 0}.workDetailNavContainer{grid-template-columns:1fr}.workDetailNavCardNext{text-align:left;flex-direction:row}.workDetailNavCardNext .workDetailNavCardLabel{justify-content:flex-start}.workRelated{padding:4rem 0}.workDetailTestimonialCard{padding:2rem 1.5rem}}@media (prefers-reduced-motion:reduce){.workDetailBackLink,.workDetailNarrativeCard,.workDetailMetricCard,.workDetailGalleryItem,.workDetailGalleryImage,.workDetailNavCard,.workDetailMetaLink{transition:none}.workDetailBackLink:hover,.workDetailNarrativeCard:hover,.workDetailMetricCard:hover,.workDetailGalleryItem:hover,.workDetailNavCard:hover{transform:none}}

.blogsContainer{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:.875rem;overflow:hidden}.blogsHeader{border-bottom:1px solid var(--borderPrimary);background:var(--bgTertiary);padding:1.5rem}.blogsHeaderTop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.875rem;margin-bottom:1.5rem;display:flex}.blogsTitle{font-size:var(--text2xl);color:var(--textPrimary);margin:0;font-weight:700}.createBlogBtn{background:var(--cdBlue);color:var(--neutral50);box-shadow:0 4px 12px var(--glassIndigo30);border-radius:.625rem;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.createBlogBtn:hover{background:var(--cdBlueDark);box-shadow:0 8px 24px var(--glassIndigo30);transform:translateY(-2px)}.createBlogIcon{width:1.125rem;height:1.125rem}.blogStatsGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;display:grid}.statCard{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:.625rem;align-items:center;gap:.875rem;padding:1.25rem;transition:transform .3s;display:flex}.statCard:hover{transform:translateY(-2px)}.statCardIcon{width:2.5rem;height:2.5rem;color:var(--neutral50);border-radius:.625rem;justify-content:center;align-items:center;display:flex}.totalIcon{background:var(--cdBlue)}.publishedIcon{background:#10b981}.draftIcon{background:#f59e0b}.viewsIcon{background:#8b5cf6}.statCardContent{flex:1}.statCardTitle{font-size:var(--textSm);color:var(--textTertiary);margin-bottom:.1875rem;font-weight:600}.statCardValue{font-size:var(--text2xl);color:var(--textPrimary);margin:0;font-weight:700}.blogsFilters{border-bottom:1px solid var(--borderPrimary);background:var(--bgTertiary);padding:1.25rem 1.5rem}.filterToggle{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);font-size:var(--textSm);cursor:pointer;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .875rem;font-weight:500;transition:all .3s;display:flex}.filterToggle:hover{border-color:var(--cdBlue);color:var(--textPrimary)}.filterIcon{width:.875rem;height:.875rem}.filterPanel{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:.625rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.875rem;margin-top:.875rem;padding:1.25rem;display:grid}.filterGroup{flex-direction:column;gap:.375rem;display:flex}.filterGroup label{font-size:var(--textSm);color:var(--textSecondary);font-weight:600}.filterGroup select,.filterGroup input{border:1px solid var(--borderPrimary);background:var(--bgPrimary);color:var(--textPrimary);font-size:var(--textSm);border-radius:.375rem;padding:.375rem .625rem;transition:border-color .3s}.filterGroup select:focus,.filterGroup input:focus{border-color:var(--cdBlue);outline:none}.blogsTable{padding:1.5rem}.loadingState{text-align:center;color:var(--textTertiary);font-size:var(--textBase);padding:2.5rem}.tableContainer{border:1px solid var(--borderPrimary);border-radius:.625rem;overflow-x:auto}.tableContainer table{border-collapse:collapse;background:var(--bgSecondary);width:100%}.tableContainer th{background:var(--bgTertiary);color:var(--textSecondary);font-weight:600;font-size:var(--textSm);text-align:left;border-bottom:1px solid var(--borderPrimary);padding:.875rem}.tableContainer td{border-bottom:1px solid var(--borderPrimary);vertical-align:top;padding:.875rem}.tableContainer tr:last-child td{border-bottom:none}.tableContainer tr:hover{background:var(--bgTertiary)}.blogTitleCell{max-width:280px}.blogTitle{font-size:var(--textBase);color:var(--textPrimary);margin-bottom:.1875rem;font-weight:600;line-height:1.4}.blogExcerpt{font-size:var(--textSm);color:var(--textSecondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.statusBadge{font-size:var(--textXs);text-transform:uppercase;letter-spacing:.05em;border-radius:.375rem;align-items:center;gap:.25rem;width:fit-content;padding:.25rem .625rem;font-weight:600;display:flex}.statusBadge.orange{color:#d97706;background:#fef3c7}.statusBadge.green{color:#059669;background:#d1fae5}.statusBadge.gray{color:#6b7280;background:#f3f4f6}.statusIcon{width:.75rem;height:.75rem}.categoryBadge{background:var(--bgTertiary);color:var(--textSecondary);font-size:var(--textXs);border-radius:.25rem;align-items:center;gap:.25rem;width:fit-content;padding:.1875rem .375rem;font-weight:500;display:flex}.categoryIcon{width:.625rem;height:.625rem}.authorCell,.viewsCell,.dateCell{color:var(--textSecondary);font-size:var(--textSm);align-items:center;gap:.25rem;display:flex}.authorIcon,.viewsIcon,.dateIcon{width:.875rem;height:.875rem}.actionsCell{align-items:center;gap:.375rem;display:flex}.actionBtn{border:1px solid var(--borderPrimary);background:var(--bgSecondary);width:1.75rem;height:1.75rem;color:var(--textSecondary);cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.actionBtn:hover{box-shadow:0 4px 8px var(--glassBlack10);transform:translateY(-1px)}.viewBtn:hover{border-color:var(--cdBlue);color:var(--cdBlue)}.editBtn:hover{color:#f59e0b;border-color:#f59e0b}.deleteBtn:hover{color:#ef4444;border-color:#ef4444}.actionIcon{width:.875rem;height:.875rem}.emptyState{text-align:center;padding:3rem 1.5rem}.emptyState h3{font-size:var(--textXl);color:var(--textPrimary);margin-bottom:.375rem;font-weight:600}.emptyState p{color:var(--textSecondary);margin-bottom:1.5rem}.pagination{border-top:1px solid var(--borderPrimary);background:var(--bgTertiary);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.paginationBtn{background:var(--bgSecondary);border:1px solid var(--borderPrimary);color:var(--textSecondary);font-size:var(--textSm);cursor:pointer;border-radius:.375rem;padding:.375rem .875rem;font-weight:500;transition:all .3s}.paginationBtn:hover:not(:disabled){border-color:var(--cdBlue);color:var(--textPrimary)}.paginationBtn:disabled{opacity:.5;cursor:not-allowed}.paginationInfo{font-size:var(--textSm);color:var(--textTertiary);font-weight:500}.tagsGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;padding:.875rem 0;display:grid}.tagCard{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:.625rem;padding:1.25rem;transition:all .3s}.tagCard:hover{box-shadow:0 8px 24px var(--glassBlack10);transform:translateY(-2px)}.tagCardHeader{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.tagBadge{font-size:var(--textSm);border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .625rem;font-weight:600;display:flex}.tagActions{gap:.375rem;display:flex}.tagCardBody{flex-direction:column;gap:.625rem;display:flex}.tagSlug{font-family:var(--fontFamilyMono);font-size:var(--textXs);color:var(--textTertiary);background:var(--bgTertiary);border-radius:.1875rem;width:fit-content;padding:.1875rem .375rem}.tagDescription{font-size:var(--textSm);color:var(--textSecondary);line-height:var(--leadingNormal)}.tagStats{border-top:1px solid var(--borderPrimary);justify-content:space-between;align-items:center;padding-top:.625rem;display:flex}.tagPostCount{font-size:var(--textXs);color:var(--textTertiary);font-weight:600}.blogSearchSection{margin-bottom:1.25rem}.searchInputGroup{max-width:360px;position:relative}.searchIcon{width:.875rem;height:.875rem;color:var(--textTertiary);position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.searchInput{border:1px solid var(--borderPrimary);background:var(--bgSecondary);width:100%;color:var(--textPrimary);font-size:var(--textSm);border-radius:.375rem;padding:.625rem .625rem .625rem 2.25rem;transition:all .3s}.searchInput:focus{border-color:var(--cdBlue);box-shadow:0 0 0 3px var(--glassIndigo10);outline:none}.categoryDescription{font-size:var(--textSm);color:var(--textSecondary);line-height:1.4}.categorySlug{font-family:var(--fontFamilyMono);font-size:var(--textXs);background:var(--bgTertiary);color:var(--textTertiary);border:1px solid var(--borderPrimary);border-radius:.1875rem;padding:.1875rem .375rem}.categoryPostCount{font-size:var(--textSm);color:var(--textSecondary);font-weight:500}.categoryIcon{width:.875rem;height:.875rem;color:var(--cdBlue);margin-right:.375rem}.tagPreview{background:var(--bgTertiary);border:1px solid var(--borderPrimary);border-radius:.375rem;padding:.625rem}.tagPreview .tag{font-size:var(--textSm);border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .625rem;font-weight:600;display:inline-flex}.emptyStateIcon{width:2.5rem;height:2.5rem;color:var(--textTertiary);margin-bottom:.875rem}@media (max-width:1024px){.blogsHeaderTop{flex-direction:column;align-items:stretch}.blogStatsGrid{grid-template-columns:repeat(2,1fr)}.filterPanel{grid-template-columns:1fr}}@media (max-width:768px){.blogsContainer{margin:0 .875rem}.blogsHeader,.blogsFilters,.blogsTable{padding:.875rem}.blogStatsGrid{grid-template-columns:1fr}.tableContainer{font-size:var(--textSm)}.tableContainer th,.tableContainer td{padding:.625rem .375rem}.blogTitleCell{max-width:180px}.actionsCell{flex-direction:column;gap:.1875rem}.pagination{flex-direction:column;gap:.875rem}}