.blogPostCount{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.postCountBadge{background:var(--gradient-brand);color:var(--color-text-inverse);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.postCountText{color:var(--color-text-tertiary);font-size:.95rem}.blogFeatured{margin-bottom:var(--spacing-3xl)}.featuredCard{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--spacing-2xl);background:var(--bg-color-elevated);border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:all var(--transition-base)}@media (hover: hover){.featuredCard:hover{border-color:var(--color-primary-light-1);box-shadow:var(--shadow-lg);transform:scale(var(--hover-scale))}}@media (max-width: 62em){.featuredCard{grid-template-columns:1fr}}.featuredImageWrapper{position:relative;overflow:hidden}.featuredImage{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;min-height:300px;transition:transform var(--transition-base)}.featuredCard:hover .featuredImage{transform:scale(1.03)}@media (max-width: 62em){.featuredImage{min-height:200px;max-height:280px}}.featuredBadge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:var(--gradient-brand);color:var(--color-text-inverse);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.featuredContent{padding:var(--spacing-2xl);display:flex;flex-direction:column;justify-content:center}@media (max-width: 62em){.featuredContent{padding:var(--spacing-xl)}}.featuredMeta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.featuredTitle{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-md);line-height:1.3}@media (max-width: 48em){.featuredTitle{font-size:1.5rem}}.featuredDescription{color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg);font-size:1.05rem}.featuredKeywords{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.featuredLink{color:var(--color-primary-base);font-weight:600;display:inline-flex;align-items:center;transition:gap var(--transition-base)}.featuredCard:hover .featuredLink{gap:var(--spacing-sm)}.blogCtaSubtle{margin-bottom:var(--spacing-3xl);text-align:center}.blogCtaText{font-size:.95rem;color:var(--color-text-secondary);margin:0;padding:var(--spacing-md) var(--spacing-xl);border:1px solid var(--border-color);border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-base)}.blogCtaText:hover{border-color:var(--color-primary-light-1);background:var(--bg-color-secondary)}.blogCtaLink{color:var(--color-primary-base);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:gap var(--transition-base)}.blogCtaLink:hover{gap:var(--spacing-sm)}.blogSectionTitle{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xl);text-align:center}.blogCard{display:flex;flex-direction:column;overflow:hidden;padding:0}.blogCardContent{padding:var(--spacing-lg);display:flex;flex-direction:column;flex:1}.blogCardImageLink{display:block;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0}.blogCardImage{width:100%;height:auto;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:transform var(--transition-base) var(--transition-hover-delay)}.blogCard:hover .blogCardImage{transform:scale(var(--hover-scale));transition-delay:0s}.blogCardMeta{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm)}.blogCardSeparator{color:var(--color-text-quaternary)}.blogCardReadingTime{color:var(--color-text-tertiary)}.blogCardTitle{font-size:1.35rem;font-weight:600;margin:var(--spacing-sm) 0;line-height:1.3}.blogCardTitle a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base)}.blogCardTitle a:hover{color:var(--color-primary-base)}.blogCardDescription{color:var(--color-text-secondary);line-height:1.6;margin:var(--spacing-sm) 0 var(--spacing-md) 0;flex:1}.blogCardKeywords{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-md) 0}.blogCardKeyword{background:color-mix(in srgb,var(--color-primary-base) 10%,transparent);color:var(--color-primary-base);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.blogCardLink{color:var(--color-primary-base);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:gap var(--transition-base)}.blogCardLink:hover{gap:var(--spacing-sm)}.readingProgress{position:fixed;top:0;left:0;height:3px;background:var(--gradient-brand);width:0%;z-index:1000;transition:width .1s linear}.blogPostHeader{padding-top:var(--spacing-xl)}.blogPostBackLink{display:inline-block;color:var(--color-text-tertiary);font-size:.9rem;margin-bottom:var(--spacing-lg);text-decoration:none;transition:color var(--transition-base)}.blogPostBackLink:hover{color:var(--color-primary-base)}.blogPost .pageTitle{margin-bottom:var(--spacing-md)}.blogPostMeta{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin:0 0 var(--spacing-lg);color:var(--color-text-tertiary);font-size:.9rem}.blogPostShare{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.shareLabel{color:var(--color-text-tertiary);font-size:.85rem}.shareButton{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-color-tertiary);color:var(--color-text-secondary);text-decoration:none;font-weight:700;font-size:.9rem;transition:all var(--transition-base)}.shareButton:hover{background:var(--color-primary-base);color:var(--color-text-inverse);transform:translateY(-2px)}.shareTwitter{font-family:system-ui,sans-serif}.shareLinkedIn{font-family:Georgia,serif;font-style:italic}.blogPostImageWrapper{margin-top:var(--spacing-2xl)}.blogPostFeaturedImage{width:100%;max-width:800px;height:auto;margin:0 auto;display:block;border-radius:var(--radius-lg)}@media (max-width: 48em){.blogPostFeaturedImage{max-width:100%;border-radius:var(--radius-md)}}.blogPostToc{margin:var(--spacing-2xl) auto;max-width:700px}.blogPostToc details{background:var(--bg-color-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.tocTitle{font-weight:600;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm)}.tocTitle:before{content:"📑"}.tocList{list-style:none;padding:0;margin:var(--spacing-md) 0 0}.tocItem{margin:var(--spacing-xs) 0}.tocItem a{color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;display:block;padding:var(--spacing-xs) 0;transition:color var(--transition-base)}:is(.tocItem a):hover{color:var(--color-primary-base)}.tocLevel3{padding-left:var(--spacing-lg)}.tocLevel3 a{font-size:.9rem;color:var(--color-text-tertiary)}.blogPost{margin-bottom:var(--spacing-4xl)}.blogPostContent{line-height:1.8;font-size:1.125rem;max-width:var(--max-width-content-prose);margin:var(--spacing-2xl) auto 0}.blogPostContent h1{font-size:2.5rem;margin:2rem 0 1rem;line-height:1.2}.blogPostContent h2{font-size:1.75rem;margin:2.5rem 0 1rem;line-height:1.3;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.blogPostContent h3{font-size:1.35rem;margin:1.5rem 0 .75rem;line-height:1.4}.blogPostContent p{margin:1rem 0}.blogPostContent ul,.blogPostContent ol{margin:1rem 0;padding-left:2rem}.blogPostContent li{margin:.5rem 0}.blogPostContent code{background:var(--bg-color-tertiary);padding:.2rem .4rem;border-radius:.25rem;font-family:monospace;font-size:.9em}.blogPostContent pre{background:var(--bg-color-tertiary);padding:1rem;border-radius:var(--radius-md);overflow-x:auto;margin:1rem 0}.blogPostContent blockquote{border-left:4px solid var(--color-primary-base);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--color-text-secondary)}.blogPostContent strong{font-weight:600;color:var(--color-text-primary)}.blogPostContent hr{margin:2rem 0;border:none;border-top:1px solid var(--border-color)}.inlineCta{background:var(--gradient-brand-subtle);border:1px solid var(--border-color-featured);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-2xl) 0;text-align:center}.inlineCtaContent strong{display:block;font-size:1.1rem;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.inlineCtaContent p{color:var(--color-text-secondary);margin:0 0 var(--spacing-md)!important}.inlineCtaContent .button{margin-top:var(--spacing-sm)}.blogPostRelated{margin-top:var(--spacing-4xl);padding-top:var(--spacing-3xl);border-top:1px solid var(--border-color)}.relatedTitle{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xl);text-align:center}.relatedGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.relatedCard{display:flex;flex-direction:column;background:var(--bg-color-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;transition:all var(--transition-base)}@media (hover: hover){.relatedCard:hover{border-color:var(--color-primary-light-1);box-shadow:var(--shadow-md);transform:scale(var(--hover-scale))}}.relatedImage{width:100%;height:140px;-o-object-fit:cover;object-fit:cover}.relatedContent{padding:var(--spacing-md)}.relatedCardTitle{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs);line-height:1.4}.relatedReadingTime{font-size:.8rem;color:var(--color-text-tertiary)}@media (max-width: 48em){.blogPostContent{font-size:1rem}.blogPostContent h1{font-size:2rem}.blogPostContent h2{font-size:1.5rem}.blogPostContent h3{font-size:1.25rem}.blogPostMeta{flex-wrap:wrap;gap:var(--spacing-sm)}.relatedGrid{grid-template-columns:1fr}}@media (max-width: 30em){.blogPostShare{margin-top:var(--spacing-lg)}.featuredCard{gap:0}.featuredContent{padding:var(--spacing-lg)}.featuredTitle{font-size:1.25rem}}