.container-wide{width:100%;max-width:1320px;margin:0 auto;padding:0 1rem}.blog-hero-section{display:flex;margin-top:100px;border-radius:25px;overflow:hidden;max-height:400px}.blog-hero-content{width:45%;background:#a770ef;background:-webkit-linear-gradient(to left,#fdb99b,#cf8bf3,#a770ef);background:linear-gradient(to left,#fdb99b,#cf8bf3,#a770ef);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:3rem}.blog-hero-heading{flex:1;display:flex;align-items:center;width:100%}.blog-hero-meta{width:100%;margin-top:2rem}.blog-details{display:flex;gap:2rem;align-items:flex-start;justify-content:flex-start}.blog-details .blog-post-date,.blog-details .blog-post-author{display:flex;align-items:center;font-weight:500;font-size:.9rem;color:#fff}.blog-details .blog-meta-icon{width:16px;height:16px;margin-right:.5rem;opacity:.8}.blog-hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0;margin-top:1rem}.blog-hero-tags li{background:#fff3;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.blog-hero-title{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;color:#fff;line-height:1.2;margin:0}.blog-hero-image{width:55%;overflow:hidden}.blog-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.text-black-purple-center{color:#3a3b3c;text-align:center;background:linear-gradient(135deg,#3a3b3c,#bd60a5,#3a3b3c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-breadcrumbs{font-size:.85rem;color:#666;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.blog-breadcrumbs a{color:#bd60a5;text-decoration:none;transition:color .3s ease}.blog-breadcrumbs a:hover{color:#3a3b3c}.blog-breadcrumbs .separator{margin:0 .5rem;color:#ccc}pre[class*=language-],code[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em;background:#2d3748}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d3748}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.blog-container{padding-left:0;padding-right:0;max-width:none;width:100%}.blog-post-layout{display:flex;gap:3rem;align-items:flex-start;position:relative;max-width:1320px;margin:0 auto;padding:0 1rem}.toc-sidebar{width:280px;flex-shrink:0;position:sticky;top:8rem;max-height:calc(100vh - 10rem);overflow-y:auto;border-radius:14px;margin-top:3rem;border:2px solid;border-image:linear-gradient(135deg,#ffcb05,#d684f7,#27c3ea) 1;background:#fff}.toc-container{position:relative;padding:1.5rem;height:100%}.toc-title{font-size:1.1rem;font-weight:600;color:#3a3b3c;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:.5px solid #bd60a5}.toc-nav,.toc-nav ul{list-style:none;padding:0;margin:0}.toc-nav li{padding:0!important;list-style:none!important;background:none!important;border:none!important}.blog-post-layout .toc-sidebar #toc-nav ul li,.blog-post-layout .toc-sidebar .toc-nav li,article.blog-post-full+aside.toc-sidebar #toc-nav ul li{padding:0!important;list-style:none!important;background:none!important;border:none!important;font-size:inherit!important;font-weight:inherit!important;color:inherit!important}.toc-nav a{display:block;padding:.4rem 0 .4rem .75rem;color:#666;text-decoration:none;font-size:.9rem;line-height:inherit;transition:all .3s ease}.toc-nav a.active{background:#bd60a526;color:#3a3b3c;font-weight:600;border-radius:6px}.toc-nav .toc-level-3{padding-left:1.5rem;font-size:.85rem}.toc-nav .toc-level-4{padding-left:2.25rem;font-size:.8rem}.toc-nav .toc-level-5{padding-left:3rem;font-size:.75rem}.toc-nav .toc-level-6{padding-left:3.75rem;font-size:.75rem}.toc-nav .toc-level-3,.toc-nav .toc-level-4,.toc-nav .toc-level-5,.toc-nav .toc-level-6{position:relative}.toc-nav .toc-level-3:before,.toc-nav .toc-level-4:before,.toc-nav .toc-level-5:before,.toc-nav .toc-level-6:before{display:none!important;content:none!important}.blog-post-full{flex:1;min-width:0}.blog-post-meta{display:flex;align-items:center;gap:2rem;margin:1.5rem 0 2rem;font-size:.9rem;color:#666}.blog-post-date,.blog-post-author{display:flex;align-items:center;font-weight:500}.blog-meta-icon{width:16px;height:16px;margin-right:.5rem;opacity:.7}.blog-post-date{color:#bd60a5}.blog-post-author{color:#666}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4{scroll-margin-top:2rem;position:relative}.blog-content h2{margin-top:4rem;background:linear-gradient(135deg,#27c3ea,#d684f7,#ffcb05);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#3a3b3c}.blog-content h3{font-size:1.75rem;margin-top:2rem}.blog-content h5{display:inline-block;padding:.5rem 1.25rem;border-radius:25px;font-size:1rem;font-weight:500;margin:1.5rem 0 1rem;line-height:1.2;border:.5px solid black}@media (max-width: 1200px){.toc-sidebar{width:240px}.blog-post-layout{gap:2rem}}@media (max-width: 968px){.blog-post-layout{flex-direction:column}.toc-sidebar{width:100%;position:static;order:-1;max-height:none;margin-bottom:2rem;margin-top:1rem}.toc-container{background:#fff;border-radius:15px;padding:0;height:auto}.toc-title{padding:1rem 1.5rem;margin:0;border-bottom:1px solid #e9ecef;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}.toc-title:after{content:"▼";font-size:.8rem;transition:transform .3s ease}.toc-title.collapsed:after{transform:rotate(-90deg)}.toc-nav{padding:0;margin:0;overflow:hidden;transition:max-height .3s ease}.toc-nav.collapsed{max-height:0!important}.toc-nav.expanded{max-height:500px;padding:1rem 1.5rem 1.5rem}.toc-nav ul{list-style:none;padding:0;margin:0}.toc-nav a{display:block;padding:.5rem 0;color:#666;text-decoration:none;font-size:.9rem;line-height:1.4;border-left:none;border-radius:0;background:none;border:none}.toc-nav a:hover,.toc-nav a.active{color:#bd60a5;background:none;border:none}.toc-nav .toc-level-3{padding-left:1rem;font-size:.85rem}}.blog-post-full{max-width:900px;margin:0;padding:1rem 2rem 3rem;width:100%}.blog-post-full-title{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;color:#000;margin:0 0 1.5rem;line-height:1.3;text-align:left}.blog-post-full-image{height:300px;width:100%;object-fit:cover}.blog-post-full-overview{font-size:1.5rem;color:#666;font-weight:200;margin:2rem 0;line-height:1.5}.blog-tags{margin-left:0!important;padding-left:0!important;margin-bottom:2rem}.blog-tags li{background-color:transparent!important;border:1px solid #e0e0e0}.box-hightlight{padding:.75rem 1rem;border-radius:6px;font-size:1.8rem;line-height:1.6;display:inline-block;background-color:#ffcb0533;color:#3a3b3c;font-weight:800;box-shadow:4px 4px #f3e28c}.outbound-links{color:#90ee90;transition:all .3s ease}.outbound-links:hover{color:#3a3b3c;text-decoration:underline;cursor:pointer}strong{font-weight:700;color:#3a3b3c}.black-strong{font-weight:600;color:#3a3b3c}figure{margin:1rem 0}figcaption{font-size:.8rem;border-bottom:1px solid lightgreen;display:inline-block}figcaption a{text-decoration:none!important}blockquote{padding:10px 20px;margin:20px 0;border-left:5px solid #27c3ea;font-style:italic;font-size:1.2rem;line-height:1.6}.blog-content ul{margin:1.5rem 0 2rem;padding-left:1.5rem;list-style:none}.blog-content ul li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;font-size:1.1rem;line-height:1.6;color:#333}.blog-content ul li:before{content:"";position:absolute;left:0;top:.6rem;width:8px;height:8px;background:#3a3b3c;border-radius:50%}.blog-content ol{margin:1.5rem 0 2rem;padding-left:1.5rem;counter-reset:ol-counter;list-style:none}.blog-content ol li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;font-size:1.1rem;line-height:1.6;color:#333;counter-increment:ol-counter}.blog-content ol li:before{content:counter(ol-counter) ".";position:absolute;left:0;top:2px;color:#3a3b3c;font-size:1.2rem;font-weight:600}@media (max-width: 768px){.blog-post-full{padding:0rem}.blog-hero-section{flex-direction:column;min-height:500px}.blog-hero-content{width:100%;padding:2rem 1.5rem}.blog-hero-title{font-size:2rem}.blog-hero-image{width:100%;min-height:200px}.blog-post-layout,.bread-crumbs-container{padding:0 1rem}.blog-post-meta{flex-direction:column;gap:1rem;text-align:center}.toc-sidebar{padding:1rem}.toc-title{font-size:1rem}.text-black-purple-center{background:#3a3b3c;-webkit-text-fill-color:#3a3b3c;color:#3a3b3c}}