html{scroll-behavior:smooth}.blog-hero-section{color:#113b5c;background:linear-gradient(#daf8f1,#0000);justify-content:center;align-items:center;width:100%;margin-top:5rem;padding:2.5rem 1.5rem;transition:background .3s,color .3s;display:flex;position:relative;overflow:hidden}.dark .blog-hero-section{color:#f9fafb;background:linear-gradient(#0d2244,#0000)}@media (min-width:768px){.blog-hero-section{padding:3.5rem 2rem}}@media (min-width:1280px){.blog-hero-section{padding:4rem 2.5rem}}.blog-hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:56rem;animation:.7s cubic-bezier(.22,.61,.36,1) forwards heroFadeUp;display:flex;position:relative}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-hero-breadcrumb{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.blog-breadcrumb-link{color:#113b5cb3;text-decoration:none;transition:color .2s}.dark .blog-breadcrumb-link{color:#f9fafbb3}.blog-breadcrumb-link:hover{color:#3cba99}.dark .blog-breadcrumb-link:hover{color:#5eead4}.blog-breadcrumb-sep{color:#113b5c66}.dark .blog-breadcrumb-sep{color:#f9fafb66}.blog-breadcrumb-current{color:#113b5c;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-weight:500;overflow:hidden}.dark .blog-breadcrumb-current{color:#f3f4f6}.blog-hero-category{letter-spacing:.04em;text-transform:uppercase;color:#0f6e56;background:#3cba9926;border:1px solid #3cba9940;border-radius:999px;align-items:center;width:fit-content;padding:.3rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.dark .blog-hero-category{color:#5eead4;background:#5eead426;border:1px solid #5eead440}.blog-hero-title{font-family:var(--font-sora), var(--font-dm-sans), system-ui, sans-serif;color:#113b5c;letter-spacing:-.015em;font-size:clamp(1.65rem,4vw,2.5rem);font-weight:800;line-height:1.25}.dark .blog-hero-title{color:#fff}.blog-hero-meta{color:#113b5ccc;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.dark .blog-hero-meta{color:#f9fafbcc}.blog-hero-meta-item{align-items:center;gap:.4rem;display:inline-flex}.blog-hero-meta-item svg{opacity:.85;flex-shrink:0}.blog-hero-meta-dot{color:#113b5c66;font-size:.5rem}.dark .blog-hero-meta-dot{color:#f9fafb66}.blog-layout-wrapper{background:#fff;width:100%;padding:2.5rem 1rem;transition:background-color .3s,color .3s}.dark .blog-layout-wrapper{background:var(--prim-dark-bg)}@media (min-width:768px){.blog-layout-wrapper{padding:3rem 1.5rem}}@media (min-width:1280px){.blog-layout-wrapper{padding:3.5rem 2.5rem}}.blog-layout-container{flex-direction:column;gap:2rem;max-width:80rem;margin:0 auto;display:flex}@media (min-width:1024px){.blog-layout-container{flex-direction:row;gap:2.5rem}}.blog-toc-column{flex-shrink:0}@media (min-width:1024px){.blog-toc-column{width:260px}}.blog-content-column{flex:1;min-width:0;max-width:52rem}@media (min-width:1024px){.blog-content-column{max-width:none}}.blog-author-column{display:none}@media (min-width:1024px){.blog-author-column{flex-shrink:0;width:220px;display:block}}.blog-author-sidebar{flex-direction:column;align-items:flex-start;gap:0;display:flex;position:sticky;top:6rem}.blog-author-avatar{border-radius:50%;flex-shrink:0;width:80px;height:80px;margin-bottom:1rem;overflow:hidden}.blog-author-avatar-placeholder{color:#9ca3af;background:#f3f4f6;justify-content:center;align-items:center;display:flex}.dark .blog-author-avatar-placeholder{color:#64748b;background:#1e293b}.blog-author-name{font-family:var(--font-sora), var(--font-dm-sans), system-ui, sans-serif;color:#111827;margin:0 0 .6rem;font-size:1.1rem;font-weight:700;line-height:1.3}.dark .blog-author-name{color:#f1f5f9}.blog-author-bio{color:#4b5563;margin:0 0 1rem;font-size:.85rem;line-height:1.65}.dark .blog-author-bio{color:#94a3b8}.blog-author-socials{border-top:1px solid #e5e7eb;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.dark .blog-author-socials{border-top-color:#ffffff1a}.blog-author-social-link{color:#6b7280;align-items:center;font-size:1.15rem;transition:color .2s;display:inline-flex}.blog-author-social-link:hover{color:#111827}.dark .blog-author-social-link{color:#64748b}.dark .blog-author-social-link:hover{color:#e2e8f0}.toc-sidebar{scrollbar-width:thin;scrollbar-color:#3cba994d transparent;max-height:calc(100vh - 8rem);position:sticky;top:6rem;overflow-y:auto}.toc-sidebar::-webkit-scrollbar{width:4px}.toc-sidebar::-webkit-scrollbar-track{background:0 0}.toc-sidebar::-webkit-scrollbar-thumb{background:#3cba994d;border-radius:999px}.toc-sidebar-inner{background:#f8faf9;border:1px solid #113b5c14;border-radius:1rem;padding:1.25rem 1.25rem 1.25rem 1.5rem;box-shadow:0 2px 12px #113b5c0a}.dark .toc-sidebar-inner{background:#0a162899;border-color:#ffffff14;box-shadow:0 4px 20px #0003}.toc-title{letter-spacing:.08em;text-transform:uppercase;color:#113b5c;border-bottom:1px solid #113b5c1a;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:.75rem;font-weight:700;display:flex}.dark .toc-title{color:#94a3b8;border-bottom-color:#ffffff14}.toc-title svg{opacity:.6}.toc-list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.toc-link{color:#4b5563;word-break:break-word;border-left:2px solid #0000;border-radius:0 .375rem .375rem 0;padding:.4rem .75rem;font-size:.835rem;line-height:1.4;text-decoration:none;transition:all .2s;display:block}.toc-link:hover{color:#113b5c;background:#3cba990f;border-left-color:#3cba9966}.toc-link-h3{color:#6b7280;padding-left:1.5rem;font-size:.8rem}.toc-link-active{background:#3cba991a;border-left-color:#3cba99;font-weight:600;color:#113b5c!important}.dark .toc-link{color:#94a3b8}.dark .toc-link:hover{color:#e2e8f0;background:#5eead40f;border-left-color:#5eead466}.dark .toc-link-h3{color:#64748b}.dark .toc-link-active{background:#5eead41a;border-left-color:#5eead4;color:#5eead4!important}.toc-mobile-toggle{color:#113b5c;cursor:pointer;background:#f0f9f6;border:1px solid #3cba9933;border-radius:.75rem;align-items:center;gap:.5rem;width:100%;padding:.85rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.toc-mobile-toggle:hover{background:#e6f5f0}.dark .toc-mobile-toggle{color:#e2e8f0;background:#0a162899;border-color:#5eead433}.dark .toc-mobile-toggle:hover{background:#5eead414}.toc-chevron{margin-left:auto;transition:transform .3s}.toc-chevron-open{transform:rotate(180deg)}.toc-mobile-content{background:#f8faf9;border:1px solid #113b5c14;border-radius:.75rem;margin-top:.5rem;padding:1rem;animation:.3s forwards tocSlideDown}.dark .toc-mobile-content{background:#0a162899;border-color:#ffffff14}@keyframes tocSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.blog-featured-image{border:1px solid #113b5c0f;border-radius:1rem;margin-bottom:2rem;overflow:hidden;box-shadow:0 8px 32px #113b5c1a}.dark .blog-featured-image{border-color:#ffffff0f;box-shadow:0 8px 32px #0000004d}.blog-tags-section{border-top:1px solid #113b5c1a;margin-top:2.5rem;padding-top:2rem}.dark .blog-tags-section{border-top-color:#ffffff14}.blog-tags-title{color:#374151;margin-bottom:1rem;font-size:1.05rem;font-weight:600}.dark .blog-tags-title{color:#e2e8f0}.blog-tag{color:#374151;background:#f3f4f6;border:1px solid #113b5c0f;border-radius:999px;padding:.35rem .85rem;font-size:.835rem;transition:all .2s;display:inline-flex}.blog-tag:hover{background:#e5e7eb;border-color:#113b5c1f}.dark .blog-tag{color:#d1d5db;background:#ffffff0f;border-color:#ffffff14}.dark .blog-tag:hover{background:#ffffff1a}.blog-back-cta{color:#fff;background:linear-gradient(135deg,#113b5c,#1e4a6e);border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #113b5c40}.blog-back-cta:hover{background:linear-gradient(135deg,#1e4a6e,#113b5c);transform:translateY(-2px);box-shadow:0 6px 24px #113b5c59}.dark .blog-back-cta{color:#0a111f;background:linear-gradient(135deg,#3cba99,#22d3ee);box-shadow:0 4px 16px #3cba9940}.dark .blog-back-cta:hover{box-shadow:0 6px 24px #3cba9959}.blog-article-card{background:#fff;border:1px solid #113b5c14;border-radius:1.25rem;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 4px 24px #113b5c0f}.dark .blog-article-card{background:#0a1628a6;border-color:#ffffff14;box-shadow:0 8px 32px #00000040}.blog-content{font-family:var(--font-dm-sans), system-ui, sans-serif;color:#374151;word-wrap:break-word;overflow-wrap:anywhere;font-size:1.125rem;line-height:1.85}.blog-content>:first-child{margin-top:0!important}.blog-content>:last-child{margin-bottom:0!important}.blog-content h1{color:#113b5c;margin:2rem 0 1rem;font-size:2rem;font-weight:700;line-height:1.25}.blog-content h2{color:#113b5c;border-bottom:2px solid #3cba9966;margin:2.5rem 0 1rem;padding-bottom:.5rem;scroll-margin-top:6.5rem;font-size:1.65rem;font-weight:700;line-height:1.3}.blog-content h3{color:#1e4a6e;margin:2rem 0 .75rem;scroll-margin-top:6.5rem;font-size:1.35rem;font-weight:600;line-height:1.35}.blog-content h4,.blog-content h5,.blog-content h6{color:#1e4a6e;margin:1.5rem 0 .5rem;font-size:1.125rem;font-weight:600}.blog-content p{color:#4b5563;margin:0 0 1.35em}.blog-content strong,.blog-content b{color:#111827;font-weight:600}.blog-content em,.blog-content i{font-style:italic}.blog-content a{color:#3cba99;text-underline-offset:3px;font-weight:500;text-decoration:underline;transition:color .2s}.blog-content a:hover{color:#113b5c}.blog-content ul,.blog-content ol{margin:1.25em 0 1.75em;padding-left:1.5em}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li{color:#4b5563;margin-bottom:.65em;line-height:1.75}.blog-content li>ul,.blog-content li>ol{margin-top:.5em;margin-bottom:.5em}.blog-content blockquote{color:#374151;background:linear-gradient(90deg,#3cba991a,#0000);border-left:4px solid #3cba99;border-radius:0 .75rem .75rem 0;margin:2rem 0;padding:1.25rem 1.5rem;font-style:italic}.blog-content code{color:#113b5c;background:#f3f4f6;border-radius:.35rem;padding:.15em .4em;font-size:.9em}.blog-content pre{color:#e2e8f0;background:#0f172a;border-radius:.75rem;margin:1.75rem 0;padding:1.25rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.blog-content pre code{color:inherit;background:0 0;padding:0}.blog-content img{border-radius:.75rem;max-width:100%;height:auto;margin:2rem auto;display:block;box-shadow:0 8px 24px #00000014}.blog-content figure{margin:2rem 0}.blog-content figcaption{text-align:center;color:#6b7280;margin-top:.75rem;font-size:.875rem}.blog-content table{border-collapse:collapse;border:1px solid #e5e7eb;border-radius:.75rem;width:100%;margin:2rem 0;font-size:.95rem;display:block;overflow-x:auto}.blog-content thead{background:#f0f9f6}.blog-content th,.blog-content td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:.85rem 1rem}.blog-content th{color:#113b5c;font-weight:600}.blog-content tr:last-child td{border-bottom:none}.blog-content details{background:#fafafa;border:1px solid #e5e7eb;border-radius:.75rem;margin:1rem 0;overflow:hidden}.blog-content summary{cursor:pointer;color:#113b5c;padding:1rem 1.25rem;font-weight:600;list-style:none}.blog-content summary::-webkit-details-marker{display:none}.blog-content details[open] summary{border-bottom:1px solid #e5e7eb}.blog-content details>:not(summary){padding:1rem 1.25rem}.blog-content .bg-blue-50,.blog-content .highlight-box,.blog-content [class*=bg-]{border-radius:.75rem!important;margin:1.5rem 0!important;padding:1.25rem!important}.dark .blog-content{color:#d1d5db}.dark .blog-content p,.dark .blog-content li{color:#d1d5db!important}.dark .blog-content h1,.dark .blog-content h2,.dark .blog-content h3,.dark .blog-content h4,.dark .blog-content h5,.dark .blog-content h6{color:#f3f4f6!important}.dark .blog-content h2{border-bottom-color:#5eead459}.dark .blog-content strong,.dark .blog-content b{color:#fff!important}.dark .blog-content a{color:#5eead4}.dark .blog-content a:hover{color:#99f6e4}.dark .blog-content blockquote{background:linear-gradient(90deg,#3cba9926,#0000);color:#e5e7eb!important}.dark .blog-content code{color:#e5e7eb!important;background:#ffffff14!important}.dark .blog-content table{border-color:#ffffff1f}.dark .blog-content thead{background:#3cba991f!important}.dark .blog-content th,.dark .blog-content td{color:#e5e7eb!important;border-color:#ffffff1a!important}.dark .blog-content details{background:#ffffff0a!important;border-color:#ffffff1f!important}.dark .blog-content summary{color:#f3f4f6!important}.dark .blog-content img{filter:grayscale(.15)}.dark .blog-content img:hover{filter:none}.dark .blog-content [style*=color]{color:inherit!important}.dark .blog-content [style*=background-color]{background-color:#ffffff0f!important}.dark .blog-content [style*=background\:]{background:#ffffff0f!important}@media (max-width:768px){.blog-content{font-size:1.05rem}.blog-content h2{font-size:1.45rem}.blog-content h3{font-size:1.2rem}}
