.blog-post{padding:4rem 0;background:#fff;min-height:100vh}.cs-container{max-width:800px;margin:0 auto;padding:0 2rem}.blog-content{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000002e,0 1.5px 6px #00000014;transition:box-shadow .3s ease}.blog-content:hover{box-shadow:0 16px 32px #00000038,0 3px 12px #0000001a}.blog-header{padding:0}.blog-featured-image{margin:0;position:relative;overflow:hidden}.blog-featured-image img{width:100%;max-width:100%;height:auto;display:block;transition:transform .3s ease}.blog-content:hover .blog-featured-image img{transform:scale(1.02)}.blog-meta{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;margin:0 auto;background:none;border:none;text-align:center;width:100%}.blog-date{font-weight:700;font-size:1.15rem;color:#222;margin-bottom:.25rem}.blog-author{font-weight:400;font-size:1rem;color:#888;font-style:italic;margin:0}.blog-reading-time{color:#3b82f6;background:#3b82f61a;border-radius:20px;font-size:.85rem;font-weight:600;padding:.4rem 1rem;position:static}.blog-body{padding:0 2.5rem 3rem;line-height:1.8;color:#374151;max-width:none}article .blog-body h1,.blog-content .blog-body h1{font-size:2.5rem!important;font-weight:800;color:#1f2937;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.025em}.blog-body h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin:2.5rem 0 1.25rem;line-height:1.3;position:relative;padding-bottom:.5rem}.blog-body h2:after{content:"";position:absolute;bottom:0;left:0;width:3rem;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px}.blog-body h3{font-size:1.375rem;font-weight:600;color:#1f2937;margin:2rem 0 1rem;line-height:1.4}.blog-body p{margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.blog-post .blog-content .blog-body .quick-tip{background:linear-gradient(135deg,#e0f7f5,#d0f2ee)!important;padding:1.5rem 2rem!important;border-radius:12px!important;border-bottom:5px solid var(--primary, #2ebfb1)!important;border-right:5px solid var(--primary, #2ebfb1)!important;margin:2rem 0!important;position:relative!important;font-size:1.125rem!important;line-height:1.8!important}.blog-post .blog-content .blog-body .quick-tip:before{content:"💡"!important;position:absolute!important;left:-1.5rem!important;top:1.5rem!important;font-size:2rem!important;background:#fff!important;border-radius:50%!important;width:3rem!important;height:3rem!important;line-height:3rem!important;text-align:center!important;box-shadow:0 2px 8px #0000001a!important}.blog-post .blog-content .blog-body .quick-tip strong{color:var(--primary, #2ebfb1)!important;font-size:1.1rem!important;display:block!important;margin-bottom:.5rem!important;letter-spacing:.5px!important;font-weight:700!important}.blog-body p:has(strong:first-child){background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid var(--primary, #3b82f6);margin:2rem 0;box-shadow:0 2px 4px #0000000d}.blog-body p strong:first-child{color:var(--primary, #3b82f6)}.blog-body ul{margin:1.5rem 0;padding-left:2rem}.blog-body li{margin-bottom:.75rem;font-size:1.125rem;line-height:1.7}.blog-body a{color:#3b82f6;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.blog-body a:hover{color:#1d4ed8}.blog-body a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#3b82f6;transition:width .3s ease}.blog-body a:hover:after{width:100%}.blog-body strong{font-weight:700;color:#1f2937}.blog-body blockquote,.blog-content .blog-body blockquote{font-style:italic!important;margin:2rem 0;padding:1.5rem 2rem;border-left:4px solid #3b82f6;background:#f8fafc;border-radius:0 8px 8px 0;font-size:1.1rem;line-height:1.7;color:#374151}.blog-body blockquote p,.blog-content .blog-body blockquote p{margin-bottom:1rem;font-style:italic!important}.blog-body blockquote p:last-child{margin-bottom:0}.blog-footer{padding:2rem;border-top:1px solid #e5e7eb;background:#fafbfc}.blog-navigation{text-align:center}.cs-button-solid{font-size:1rem;line-height:clamp(2.875rem,5.5vw,3.5rem);text-decoration:none;font-weight:700;text-align:center;margin:0;color:#fff;min-width:9.375rem;padding:0 1.5rem;background-color:var(--primary);border-radius:.25rem;display:inline-block;position:relative;z-index:1;box-sizing:border-box;transition:color .3s;border:none;overflow:hidden}.cs-button-solid:before{content:"";position:absolute;height:100%;width:0%;background:#000;opacity:1;top:0;left:0;z-index:-1;border-radius:.25rem;transition:width .3s}.cs-button-solid:hover:before{width:100%}.cs-button-solid:hover{color:#fff}.cs-cta{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;margin-top:2rem;max-width:800px;margin-left:auto;margin-right:auto}.cs-cta h3{font-size:1.8rem;color:var(--headerColor);margin-bottom:1rem}.cs-cta p{font-size:1.1rem;color:#666}.blog-title-meta{font-size:2rem;font-weight:800;color:var(--headerColor, #1f2937);margin-bottom:.5rem;text-align:center;line-height:1.2;letter-spacing:-.02em}.blog-content .blog-body h1{font-size:2.5rem!important}.cta-link{color:var(--primary);text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color .3s ease}.cta-link:hover{border-bottom-color:var(--primary)}.image-caption{display:block;text-align:center;font-size:.85rem;color:#888;font-style:italic;margin-top:.5rem;margin-bottom:0;letter-spacing:.01em;max-width:90%;margin-left:auto;margin-right:auto}@media (max-width: 768px){.cs-container{padding:0 1rem}.blog-meta{flex-direction:column;gap:1rem;align-items:flex-start;text-align:left}.blog-body{padding:2rem 1.5rem}.blog-body h1{font-size:1.875rem!important}.blog-body h2{font-size:1.5rem}.blog-body h3{font-size:1.25rem}.blog-body p,.blog-body li{font-size:1rem}}@media (max-width: 600px){.blog-meta{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:.25rem}.blog-date,.blog-author{width:100%;text-align:center}}