.blog-post{max-width:800px;margin:0 auto;padding:clamp(80px,9vw,96px) 1rem 2rem;scroll-padding-top:80px}.blog-post h1{color:#1a1a1a;letter-spacing:normal;margin-bottom:1rem;font-size:2.5rem;font-weight:400;line-height:1.2}.blog-meta{color:#666;border-bottom:1px solid #eee;margin-bottom:2rem;padding:1rem 0;font-size:.9rem}.blog-meta-item{margin-right:1rem;display:inline-block}.blog-content{color:#333;font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;line-height:1.7}.blog-content h2{color:#1a1a1a;letter-spacing:normal;margin:2rem 0 1rem;font-size:1.8rem;font-weight:400}.blog-content h3{color:#1a1a1a;letter-spacing:normal;margin:1.5rem 0 1rem;font-size:1.4rem;font-weight:400}.blog-content h4{color:#1a1a1a;letter-spacing:normal;margin:1.25rem 0 .75rem;font-size:1.2rem;font-weight:400}.blog-content ul,.blog-content ol{margin-bottom:1.2rem;font-size:inherit!important;line-height:inherit!important;font-family:inherit!important;font-weight:400!important}.blog-content li{margin-bottom:.5rem;font-size:inherit!important;line-height:inherit!important;font-family:inherit!important}.blog-content strong{font-weight:600}.blog-content a{color:#0d6efd;text-decoration:underline}.blog-content blockquote{color:#555;border-left:4px solid #007bff;margin:1.5rem 0;padding:.75rem 1.25rem}.blog-content code{background:#f4f4f4;border-radius:3px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em}.blog-content>pre{color:#e4e4e7;background:#1e1e2e;border:1px solid #ffffff14;border-radius:10px;margin-bottom:1.5rem;padding:1.25rem;font-size:.9rem;line-height:1.55;overflow-x:auto}.blog-content img,.blog-content .blog-content-img{cursor:zoom-in;object-fit:contain;border-radius:8px;max-width:100%;max-height:65vh;margin:1.5rem auto;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 2px 8px #00000014;width:auto!important;height:auto!important}@media (max-width:768px){.blog-content img,.blog-content .blog-content-img{max-height:60vh}}.blog-content img:hover,.blog-content .blog-content-img:hover{transform:scale(1.01);box-shadow:0 4px 16px #00000024}html{scroll-padding-top:120px}.blog-post [id],.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6,#toc{scroll-margin-top:120px!important}.blog-content h2:target,.blog-content h3:target,.blog-content h4:target,.blog-content h5:target,.blog-content h6:target{border-radius:6px;animation:1.6s ease-out blog-target-flash}@keyframes blog-target-flash{0%{background:0 0;box-shadow:0 0 #ffc80000}15%{background:#ffe6788c;box-shadow:0 0 0 8px #ffc8002e}to{background:0 0;box-shadow:0 0 #ffc80000}}@media (prefers-reduced-motion:reduce){.blog-content h2:target,.blog-content h3:target,.blog-content h4:target,.blog-content h5:target,.blog-content h6:target{background:#ffe67866;animation:none}}.toc-link{border-left:3px solid #0000;border-radius:0 4px 4px 0;align-items:baseline;gap:8px;margin-left:-15px;transition:color .2s,background-color .2s,border-color .2s;padding-left:12px!important;display:flex!important}.toc-link-marker{color:#6c757d;flex:none;min-width:1.6em;font-weight:600}.toc-link-text{flex:auto}.toc-item-l3{margin-left:18px}.toc-item-l3 .toc-link-marker{min-width:.8em}.toc-link:hover{background:#007bff0f;border-left-color:#007bff66}.toc-link.active{color:#0056b3;background:#007bff1a;border-left-color:#007bff;font-weight:600}.toc-link.active .toc-link-marker{color:#007bff}.toc-link-jumping{animation:1s ease-out toc-jump-pulse}@keyframes toc-jump-pulse{0%{background:#ffc80000}20%{background:#ffc80059}to{background:#ffc80000}}@media (prefers-reduced-motion:reduce){.toc-link-jumping{animation:none}}.post-pagination{border-top:1px solid #dee2e6;margin:3rem 0 2rem;padding-top:2rem}.post-pagination-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.post-pagination-card{color:inherit;background:#fff;border:1px solid #e9ecef;border-radius:12px;align-items:stretch;gap:1rem;min-height:96px;padding:.75rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;text-decoration:none!important}.post-pagination-card:hover{color:inherit;border-color:#007bff;transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.post-pagination-next{flex-direction:row-reverse}.post-pagination-next .post-pagination-body{text-align:left;align-items:flex-start}.post-pagination-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex:0 0 96px;position:relative;overflow:hidden}.post-pagination-thumb-fallback{color:#ffffffd9;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.post-pagination-body{flex-direction:column;flex:auto;justify-content:center;min-width:0;display:flex}.post-pagination-direction{text-transform:uppercase;letter-spacing:.06em;color:#007bff;margin-bottom:.35rem;font-size:.78rem;font-weight:600}.post-pagination-title{color:#1a1a1a;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}@media (max-width:768px){.post-pagination-grid{grid-template-columns:1fr}.post-pagination-card{min-height:80px}.post-pagination-thumb{flex:0 0 72px}.post-pagination-next{text-align:left;flex-direction:row}}.blog-content-table-wrap{-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,#fff 30%,#fff0) 0/20px 100% no-repeat local,linear-gradient(90deg,#fff0,#fff 70%) 100%/20px 100% no-repeat local,linear-gradient(90deg,#00000014,#0000) 0/8px 100% no-repeat,linear-gradient(270deg,#00000014,#0000) 100%/8px 100% no-repeat;margin:1.5rem calc(-1*clamp(0rem,2vw,1rem));padding:0 clamp(0rem,2vw,1rem);overflow-x:auto}.blog-content-table-wrap table{border-collapse:collapse;width:100%;min-width:560px;margin-bottom:0;font-size:.95rem}.blog-content table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.95rem}.blog-content th,.blog-content td{text-align:left;vertical-align:top;border:1px solid #e0e0e0;padding:.5rem .75rem}.blog-content th{background:#f5f5f5;font-weight:600}@media (max-width:576px){.blog-content-table-wrap table,.blog-content table{font-size:.85rem}.blog-content th,.blog-content td{padding:.4rem .55rem}}.blog-navbar-brand{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.blog-navbar-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}@media (max-width:992px){.blog-post h1{font-size:1.75rem;line-height:1.3}}@media (max-width:768px){.blog-post h1{font-size:1.5rem;line-height:1.3}.blog-content{font-size:1rem}.blog-content h2{font-size:1.4rem}.blog-content h3{font-size:1.2rem}}@media (max-width:420px){.blog-post h1{font-size:1.35rem}}.blog-tags{margin-top:2rem}.blog-tag{color:#495057;background:#f8f9fa;border-radius:1rem;margin:.25rem .25rem .25rem 0;padding:.25rem .75rem;font-size:.85rem;text-decoration:none;display:inline-block}.blog-content .cta-section-simple{text-align:center;margin:2.5rem 0}.blog-content .cta-button-black,.blog-content a.cta-button-black{color:gold!important;text-align:center!important;white-space:normal!important;cursor:pointer!important;background:#000!important;border:none!important;border-radius:8px!important;width:calc(100% - 16px)!important;max-width:none!important;margin:.75rem auto 0!important;padding:16px 8px!important;font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important;text-decoration:none!important;transition:all .3s!important;display:block!important}.blog-content .cta-button-black:hover,.blog-content a.cta-button-black:hover{color:gold!important;background:#333!important;text-decoration:none!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0003!important}.blog-content .cta-group{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:12px;margin:2.5rem 0;display:flex}.blog-content .cta-group .cta-button-black,.blog-content .cta-group a.cta-button-black{white-space:nowrap!important;color:gold!important;text-align:center!important;background:#000!important;border:none!important;border-radius:8px!important;flex:auto!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:220px!important;max-width:320px!important;margin:0!important;padding:14px 20px!important;font-size:1rem!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;transition:all .3s!important;display:inline-flex!important}.blog-content .cta-group .cta-button-outline,.blog-content .cta-group a.cta-button-outline{white-space:nowrap;color:#000;background:#fff;border:2px solid #000;border-radius:8px;flex:auto;justify-content:center;align-items:center;min-width:220px;max-width:320px;padding:14px 20px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:all .3s;display:inline-flex}.blog-content .cta-group .cta-button-outline:hover,.blog-content .cta-group a.cta-button-outline:hover{color:gold;background:#000;text-decoration:none;transform:translateY(-1px)}@media (max-width:576px){.blog-content .cta-group{flex-direction:column;gap:10px}.blog-content .cta-group .cta-button-black,.blog-content .cta-group a.cta-button-black,.blog-content .cta-group .cta-button-outline,.blog-content .cta-group a.cta-button-outline{width:100%!important;min-width:0!important;max-width:none!important}}.blog-content .clickable-image{cursor:zoom-in;transition:transform .2s}.blog-content .clickable-image:hover{transform:scale(1.01)}.blog-post article h1{letter-spacing:-.02em;color:var(--text-dark,#1a1a1a);margin:1.5rem 0 1rem;font-family:Manrope,sans-serif;font-size:2.4rem;font-weight:800;line-height:1.2}.blog-post .featured-image-container{border-radius:12px;margin:1.5rem 0 2rem;overflow:hidden}.blog-post .featured-image{width:100%;height:auto;display:block}.blog-content{color:#2c2c2c;max-width:42rem;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.125rem;line-height:1.75}.blog-content p{margin-bottom:1.25rem}.blog-content h2{color:var(--text-dark,#1a1a1a);margin:2.5rem 0 1rem;font-family:Manrope,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.3}.blog-content h3{color:var(--text-dark,#1a1a1a);margin:2rem 0 .75rem;font-family:Manrope,sans-serif;font-size:1.375rem;font-weight:700;line-height:1.35}.blog-content h4{margin:1.5rem 0 .5rem;font-family:Manrope,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.4}.blog-content ul,.blog-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-content li{margin-bottom:.4rem}.blog-content blockquote{color:#4a4a4a;background:#f8f9fa;border-left:4px solid #0d6efd;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:.5rem 1rem;font-style:italic}.blog-content pre{color:#f5f5f5;background:#1a1a1a;border-radius:10px;max-width:100%;margin:1.25rem 0;padding:1rem 1.25rem;font-size:.875rem;line-height:1.55;overflow-x:auto}.blog-content code{font-family:SF Mono,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em}.blog-content :not(pre)>code{color:#d63384;background:#f1f3f5;border-radius:4px;padding:.1em .35em}.blog-content .blog-content-img{cursor:zoom-in;border-radius:10px;max-width:100%;height:auto;margin:1.5rem auto;transition:transform .2s;display:block}.blog-content .blog-content-img:hover{transform:scale(1.01)}.blog-content a{color:#0d6efd;text-underline-offset:2px;text-decoration:underline}.blog-content a:hover{color:#0a58ca}.blog-tags{flex-wrap:wrap;align-items:center;gap:.5rem;max-width:42rem;margin:2rem auto 1.5rem;display:flex}.blog-tag{color:#4a4a4a;background:#f1f3f5;border-radius:999px;padding:.3rem .7rem;font-size:.85rem;font-weight:500;display:inline-block}.blog-card{border-radius:12px}.blog-card .card-title{font-family:Manrope,sans-serif;line-height:1.3}@media (max-width:768px){.blog-post article h1{font-size:1.8rem;line-height:1.25}.blog-content{font-size:1rem;line-height:1.7}.blog-content h2{margin:2rem 0 .75rem;font-size:1.375rem}.blog-content h3{margin:1.5rem 0 .6rem;font-size:1.25rem}.blog-content pre{border-radius:8px;padding:.85rem 1rem;font-size:.8125rem}.blog-content blockquote{padding:.5rem .85rem}}main.container>nav[aria-label=breadcrumb]{margin-top:0!important;padding:0!important}main.container>nav[aria-label=breadcrumb]>.breadcrumb{font-size:1rem;font-weight:500;margin:0 0 .75rem!important;padding:0!important}main.container>nav[aria-label=breadcrumb] .breadcrumb-item,main.container>nav[aria-label=breadcrumb] .breadcrumb-item a{font-size:1rem!important}@media (max-width:767px){.blog-card .card-body{padding-top:1.25rem!important}.blog-card .card-img-top,.blog-card .ratio,.blog-card>a>.ratio{margin-bottom:.25rem}}