.blog-layout{min-height:100vh;padding-top:var(--header-height);transform:none!important}.blog-layout h1,.blog-layout h2,.blog-layout h3,.blog-layout h4,.blog-layout h5,.blog-layout h6{font-family:var(--font-heading)!important;color:var(--primary-color)!important;margin-bottom:0!important}.blog-layout .prose{max-width:none;color:var(--text-medium);line-height:var(--line-height-relaxed);font-size:var(--font-size-md)}.blog-layout .prose h1{font-size:var(--font-size-2xl)!important;margin-top:var(--spacing-4xl)!important;margin-bottom:var(--spacing-lg)!important;color:var(--primary-color)!important;font-weight:700!important;line-height:var(--line-height-tight)!important;letter-spacing:var(--letter-tight)!important}.blog-layout .prose h2{font-size:var(--font-size-xl)!important;margin-top:var(--spacing-4xl)!important;margin-bottom:var(--spacing-md)!important;color:var(--primary-color)!important;font-weight:700!important;line-height:var(--line-height-snug)!important;letter-spacing:var(--letter-tight)!important}.blog-layout .prose h3{font-size:var(--font-size-lg)!important;margin-top:var(--spacing-3xl)!important;margin-bottom:var(--spacing-md)!important;color:var(--primary-color)!important;font-weight:600!important;line-height:var(--line-height-snug)!important}.blog-layout .prose h4{font-size:var(--font-size-xl)!important;margin-top:var(--spacing-2xl)!important;margin-bottom:var(--spacing-sm)!important;color:var(--primary-color)!important;font-weight:600!important}.blog-layout .prose p{margin-bottom:var(--spacing-lg)!important;line-height:var(--line-height-relaxed)!important;color:var(--text-medium)!important;font-size:var(--font-size-md)!important}.blog-layout .prose strong{color:var(--primary-color)!important;font-weight:600!important}.blog-layout .prose em{color:var(--text-medium)!important;font-style:italic!important}.blog-layout .prose a{color:var(--teal)!important;transition:var(--transition-fast)!important;font-weight:500!important;text-decoration:underline!important}.blog-layout .prose a:hover{color:var(--primary-color)!important;text-decoration:none!important}.blog-layout .prose ul,.blog-layout .prose ol{margin-left:var(--spacing-lg)!important;margin-bottom:var(--spacing-xl)!important;margin-top:var(--spacing-md)!important;padding-left:0!important}.blog-layout .prose li{margin-bottom:var(--spacing-sm)!important;line-height:var(--line-height-relaxed)!important;padding-left:var(--spacing-xs)!important;color:var(--text-medium)!important}.blog-layout .prose ul>li{list-style-type:disc!important}.blog-layout .prose ol>li{list-style-type:decimal!important}.blog-layout .prose blockquote{border-left:4px solid var(--teal)!important;padding-left:var(--spacing-lg)!important;padding-top:var(--spacing-xs)!important;padding-bottom:var(--spacing-xs)!important;color:var(--text-medium)!important;margin:var(--spacing-2xl)0!important;background:var(--background-light)!important;border-radius:0 var(--radius)var(--radius)0!important;font-style:italic!important}.blog-layout .prose code{background-color:var(--gray-100)!important;padding:var(--spacing-xxs)var(--spacing-xs)!important;border-radius:var(--radius-sm)!important;color:var(--coral)!important;font-family:Courier New,monospace!important;font-size:.9em!important;font-weight:500!important}.blog-layout .prose pre{background-color:var(--text-dark)!important;color:var(--white)!important;padding:var(--spacing-lg)!important;border-radius:var(--radius-lg)!important;margin:var(--spacing-2xl)0!important;border:1px solid var(--border-color)!important;overflow-x:auto!important}.blog-layout .prose pre code{color:inherit!important;background-color:#0000!important;border-radius:0!important;padding:0!important;font-weight:400!important}.blog-layout .prose img{max-width:100%;height:auto;border-radius:var(--radius-lg)!important;margin:var(--spacing-3xl)0!important;box-shadow:var(--shadow)!important}.blog-layout .prose hr{border:0!important;border-top:1px solid var(--border-color)!important;margin:var(--spacing-4xl)0!important}.blog-layout .line-clamp-1{-webkit-line-clamp:1!important;line-clamp:1!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.blog-layout .line-clamp-2{-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.blog-layout .line-clamp-3{-webkit-line-clamp:3!important;line-clamp:3!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important}.blog-layout .card,.blog-layout .btn,.blog-layout article{transition:none!important;transform:none!important}.blog-layout .blog-card-hover{transition:var(--transition-smooth)!important}.blog-layout .blog-card-hover:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-4px)!important}@media (max-width:768px){html,body{max-width:100vw!important;overflow-x:hidden!important}.blog-layout{padding-top:calc(var(--header-height) - 10px);width:100vw!important;max-width:100vw!important;overflow-x:hidden!important}.blog-layout .prose{font-size:var(--font-size-base)!important;padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.blog-layout .prose h1{font-size:var(--font-size-xl)!important}.blog-layout .prose h2{font-size:var(--font-size-lg)!important}.blog-layout .prose h3{font-size:var(--font-size-md)!important}.blog-layout h3{font-size:var(--font-size-sm)!important;margin-bottom:var(--spacing-sm)!important}.blog-layout h2{font-size:var(--font-size-base)!important;margin-bottom:var(--spacing-sm)!important}.blog-layout .w-full.max-w-4xl,.blog-layout [class*=max-w-4xl]{padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.blog-layout main{padding:var(--spacing-sm)var(--spacing-md)!important;box-sizing:border-box!important;width:100%!important;max-width:100vw!important;margin:0 auto!important}.blog-layout .max-w-7xl,.blog-layout [class*=max-w-]{box-sizing:border-box!important;max-width:100%!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}.blog-layout .border-b{padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important}.blog-layout .flex.gap-2.overflow-x-auto{overflow-x:auto!important}.blog-layout .grid,.blog-layout [class*=grid]{width:100%!important;margin:0!important;padding:0!important;display:block!important}.blog-layout .grid>*,.blog-layout [class*=grid]>*{margin-bottom:var(--spacing-sm)!important}.blog-layout .group.block,.blog-layout article,.blog-layout button[class*=group]{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0 auto var(--spacing-sm)auto!important;overflow:hidden!important}.blog-layout .group.block>div,.blog-layout .group.block>*{padding:var(--spacing-sm)!important;box-sizing:border-box!important}.blog-layout div[class*=aspect-],.blog-layout [class*=aspect]{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.blog-layout img{width:100%!important;max-width:100%!important;height:auto!important;display:block!important}.blog-layout *{box-sizing:border-box!important;max-width:100vw!important}}.blog-layout .social-share-buttons{padding:var(--spacing-lg)0;border-top:1px solid var(--light-gray);border-bottom:1px solid var(--light-gray);align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.blog-layout .share-label{font-size:var(--font-size-sm);color:var(--text-medium);flex-shrink:0;margin:0;font-weight:600}.blog-layout .share-buttons-group{align-items:center;gap:var(--spacing-sm);display:flex}.blog-layout .share-button{border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:var(--transition-base);background:var(--white);border:2px solid #0000;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex}.blog-layout .share-button:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-layout .share-button:active{transform:translateY(0)}.blog-layout .share-button-email{color:var(--primary-color);border-color:var(--primary-color)}.blog-layout .share-button-email:hover{background:var(--primary-color);color:var(--white)}.blog-layout .share-button-linkedin{color:var(--linkedin-blue);border-color:var(--linkedin-blue)}.blog-layout .share-button-linkedin:hover{background:var(--linkedin-blue);color:var(--white)}.blog-layout .share-button-x{color:var(--charcoal);border-color:var(--charcoal)}.blog-layout .share-button-x:hover{background:var(--charcoal);color:var(--white)}.blog-layout .share-button-facebook{color:var(--facebook-blue);border-color:var(--facebook-blue)}.blog-layout .share-button-facebook:hover{background:var(--facebook-blue);color:var(--white)}.blog-layout .share-button-copy{color:var(--secondary-color);border-color:var(--secondary-color)}.blog-layout .share-button-copy:hover{background:var(--secondary-color);color:var(--white)}.blog-layout .share-button-copy.share-button-copied{background:var(--success);border-color:var(--success);color:var(--white)}@media (max-width:640px){.blog-layout .social-share-buttons{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}}.blog-layout .blog-callout{margin:var(--spacing-xl)0;padding:var(--spacing-lg);border-radius:var(--radius-md);gap:var(--spacing-md);transition:var(--transition-base);border-left:4px solid;display:flex}.blog-layout .callout-icon{border-radius:var(--radius-full);background:var(--white);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.blog-layout .callout-content{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-dark);flex:1}.blog-layout .callout-content p{margin:0}.blog-layout .callout-content p:not(:last-child){margin-bottom:var(--spacing-sm)}.blog-layout .callout-quote{background:var(--accent-color);border-color:var(--primary-color)}.blog-layout .callout-quote .callout-icon{color:var(--primary-color);box-shadow:var(--shadow-sm)}.blog-layout .callout-info{background:var(--accent-color);border-color:var(--secondary-color)}.blog-layout .callout-info .callout-icon{color:var(--secondary-color);box-shadow:var(--shadow-sm)}.blog-layout .callout-warning{background:var(--background-light);border-color:var(--warning)}.blog-layout .callout-warning .callout-icon{color:var(--warning);box-shadow:var(--shadow-sm)}.blog-layout .callout-tip{background:var(--background-light);border-color:var(--success)}.blog-layout .callout-tip .callout-icon{color:var(--success);box-shadow:var(--shadow-sm)}@media (max-width:640px){.blog-layout .blog-callout{padding:var(--spacing-md);gap:var(--spacing-sm)}.blog-layout .callout-icon{width:32px;height:32px}.blog-layout .callout-content{font-size:var(--font-size-sm)}}.blog-layout .blog-post-navigation{margin-top:var(--spacing-6xl);padding-top:var(--spacing-4xl);border-top:1px solid var(--light-gray)}.blog-layout .navigation-container{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;max-width:100%;display:grid}.blog-layout .nav-item{min-width:0}.blog-layout .nav-previous{justify-self:start}.blog-layout .nav-next{justify-self:end}.blog-layout .nav-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--light-gray);border-radius:var(--radius-md);background:var(--white);transition:var(--transition-base);cursor:pointer;text-align:left;max-width:100%;display:flex}.blog-layout .nav-previous .nav-button{padding-left:var(--spacing-md)}.blog-layout .nav-next .nav-button{padding-right:var(--spacing-md);text-align:right;flex-direction:row-reverse}.blog-layout .nav-button:hover{border-color:var(--primary-color);background:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-layout .nav-icon{width:24px;height:24px;color:var(--primary-color);flex-shrink:0}.blog-layout .nav-content{gap:var(--spacing-xxs);flex-direction:column;min-width:0;display:flex}.blog-layout .nav-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-wide);color:var(--primary-color);font-weight:600}.blog-layout .nav-title{font-size:var(--font-size-base);color:var(--text-dark);font-weight:500;line-height:var(--line-height-snug);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-layout .nav-placeholder{min-height:80px}@media (max-width:640px){.blog-layout .navigation-container{gap:var(--spacing-md);grid-template-columns:1fr}.blog-layout .nav-previous,.blog-layout .nav-next{justify-self:stretch}.blog-layout .nav-button{width:100%;padding:var(--spacing-md)}.blog-layout .nav-title{font-size:var(--font-size-sm)}}