body{background-image:none;contain:none!important}.honeypot-field{display:none}main{padding:20px 1% 5% 5rem}.blog-content a:not(.blog-button):not(.blog-button-outline){background:linear-gradient(135deg,#e4ad4c,#e0b569,#d6ab5f);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;position:relative;transition:all .3s ease;display:inline;border-bottom:1px solid rgba(228,173,76,.6);font-weight:500;line-height:1.4}@supports not (-webkit-background-clip: text){.blog-content a:not(.blog-button):not(.blog-button-outline){color:var(--accent);background:none;text-decoration:underline;border-bottom:none}}.blog-content a:not(.blog-button):not(.blog-button-outline):hover{background:linear-gradient(135deg,#f8d578,#eeba46 30%,#cd9e2c 70%,#c68a1a);-webkit-background-clip:text;background-clip:text;transform:translateY(-1px);filter:brightness(1.1);border-bottom-color:#f8d578cc}@supports not (-webkit-background-clip: text){.blog-content a:not(.blog-button):not(.blog-button-outline):hover{color:var(--accent-hover);background:none;text-decoration:underline;border-bottom:none}}[data-theme=light] .blog-content a:not(.blog-button):not(.blog-button-outline){background:linear-gradient(135deg,#915519,#7d410f,#6e3c64);-webkit-background-clip:text;background-clip:text;color:transparent;border-bottom:1px solid rgba(145,85,25,.7)}@supports not (-webkit-background-clip: text){[data-theme=light] .blog-content a:not(.blog-button):not(.blog-button-outline){color:var(--accent);background:none;text-decoration:underline;border-bottom:none}}[data-theme=light] .blog-content a:not(.blog-button):not(.blog-button-outline):hover{background:linear-gradient(135deg,#7d410f,#6e320a 30%,#5f2d55 70%,#50284b);-webkit-background-clip:text;background-clip:text;transform:translateY(-1px);filter:brightness(1.2);border-bottom-color:#7d410fcc}@supports not (-webkit-background-clip: text){[data-theme=light] .blog-content a:not(.blog-button):not(.blog-button-outline):hover{color:var(--accent-hover);background:none;text-decoration:underline;border-bottom:none}}.blog-content a:not(.blog-button):not(.blog-button-outline):focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.blog-content a:not(.blog-button):not(.blog-button-outline):visited{opacity:.8}.blog-hero{width:100%;display:flex;aspect-ratio:16 / 6;min-height:500px;max-height:500px;position:relative;overflow:hidden;z-index:1;align-items:stretch;margin-top:80px}.featured-image-container{position:absolute;top:0;left:0;height:100%;width:100%;background-image:var(--hero-bg-url);background-size:cover;background-position:center}@supports (background-image: var(--hero-bg-webp-url)){.featured-image-container{background-image:var(--hero-bg-webp-url)}}.featured-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.hero-content{max-width:1200px;width:100%;margin:0;padding:2rem 5% 4rem;position:relative;z-index:2;text-align:left}.blog-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;max-width:750px;color:var(--text-primary);transition:color .3s ease}.hero-content .blog-meta:first-of-type{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;justify-content:flex-start}.hero-content .blog-meta:last-of-type{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;margin-top:1.5rem;font-size:.95rem;color:var(--text-secondary);justify-content:flex-start}.category-label{display:inline-block;padding:.3rem 1rem;border-radius:30px;background-color:var(--category-bg);color:var(--accent);font-weight:600;font-size:.85rem;letter-spacing:.5px;border:var(--glass-border);transition:all .3s ease;margin-bottom:0;text-decoration:none;cursor:pointer}.category-label:hover{background-color:var(--accent);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px #e4ad4c4d}.category-label:active{transform:translateY(0)}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-icon{opacity:.85;flex-shrink:0}.blog-container{display:flex;gap:3rem;max-width:1200px;margin:0 auto;padding:0;position:relative;z-index:2}.blog-main{flex:1;max-width:900px}.blog-sidebar{width:340px;position:sticky;top:100px;align-self:flex-start;height:fit-content}.blog-content{background-color:var(--bg-secondary);border-radius:16px;padding:3rem;border:var(--glass-border);box-shadow:var(--glass-shadow)}.blog-content h2{font-size:1.8rem;font-weight:700;margin:1rem 0 1.25rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);background:var(--hero-text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.blog-content h3{font-size:1.4rem;font-weight:600;margin:2rem 0 1rem}.blog-content p{margin-bottom:1.5rem;font-size:1.05rem;line-height:1.75}.blog-content ul,.blog-content ol{margin:0 0 1.5rem 1.25rem;padding-left:1rem}.blog-content li{margin-bottom:1rem;font-size:1.05rem;line-height:1.6}.blog-content li:has(>ul),.blog-content li:has(>ol){margin-bottom:.25rem}.blog-content li>ul,.blog-content li>ol{margin-top:.25rem;margin-bottom:.5rem}.blog-content li>ul>li:last-child,.blog-content li>ol>li:last-child{margin-bottom:0}.blog-content img{max-width:100%;border-radius:8px 8px 0 0}.blog-category{margin-bottom:4rem}.image-container{padding-bottom:1rem;margin:2rem 0;text-align:center;background-color:var(--bg-secondary);border-radius:12px;border:var(--glass-border);box-shadow:var(--glass-shadow);overflow:hidden}.blog-image{max-width:100%;height:auto;border-radius:8px;cursor:pointer;transition:opacity .2s ease}.blog-image:hover{opacity:.95}a.blog-small-image-link{display:block!important;width:fit-content;margin:0 auto;border:none!important;transform:none!important}img.blog-small-image{max-width:400px;border-radius:0;display:block;transition:filter .2s ease;cursor:pointer}img.blog-small-image:hover{filter:brightness(.75)}.image-caption{font-size:.9rem!important;color:var(--text-secondary);font-style:italic;line-height:1.5;padding:.8rem .8rem 0;margin-bottom:0!important}.image-modal{display:none;position:fixed;z-index:300;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000000e6;opacity:0;transition:opacity .3s ease;touch-action:none}.image-modal.active{display:flex;opacity:1;align-items:center;justify-content:center}.modal-content{display:block;max-width:90%;max-height:90%;object-fit:contain;transform:scale(.95);transition:transform .3s ease;-webkit-user-select:none;user-select:none;transform-origin:center center;cursor:default;touch-action:none}.image-modal.active .modal-content{transform:scale(1)}.modal-close{position:absolute;top:20px;right:20px;font-size:30px;color:#fff;background-color:#00000080;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:301;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent}.modal-close:hover{background-color:#000c}.zoom-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:301;pointer-events:auto}.zoom-button{width:40px;height:40px;background-color:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;pointer-events:auto;transition:background-color .2s ease}.zoom-button:hover{background-color:#000000b3}.zoom-button svg{display:block;pointer-events:none;stroke:#fff;width:16px;height:16px}.zoom-button.disabled{opacity:.5;cursor:not-allowed}.mobile-zoom-hint{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#fffc;font-size:.9rem;padding:10px;pointer-events:none;opacity:1;transition:opacity .5s ease;background-color:#00000080;border-radius:20px;margin:0 auto;width:max-content;max-width:90%}.mobile-zoom-hint.hide{opacity:0}.quote-block{margin:2.5rem 0;padding:2.5rem;position:relative;background-color:var(--bg-primary);border-radius:12px;box-shadow:0 6px 24px #0000001a;overflow:hidden}.quote-block:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent),var(--secondary-hover),var(--accent));background-size:200% 100%;animation:shimmer 3s infinite linear}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.quote-block p{font-size:1.15rem;line-height:1.8;font-style:italic;color:var(--text-primary);margin-bottom:0}.quote-block p:before{content:"";display:inline-block;margin-right:.25rem;color:var(--accent);font-size:1.5em;line-height:0;position:relative;top:.25em}.quote-block p:after{content:"";display:inline-block;margin-left:.25rem;color:var(--accent);font-size:1.5em;line-height:0;position:relative;top:.25em}.quote-source{display:block;margin-top:1rem;text-align:right;font-style:normal;font-weight:600;font-size:.95rem;color:var(--text-secondary)}.blog-button{display:inline-block;width:fit-content;margin:2rem auto;padding:.9rem 1.8rem;background:var(--accent);color:var(--button-primary-text);font-weight:600;font-size:1.1rem;border-radius:8px;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;isolation:isolate}.blog-button:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease;transform:skew(-20deg)}.blog-button:hover:before{left:100%}.blog-button:hover{background:var(--accent-hover);color:var(--button-primary-text)}.blog-button-outline{display:block;width:fit-content;margin:2rem auto;padding:.9rem 1.8rem;background-color:transparent;color:var(--accent);font-weight:600;font-size:1.1rem;border-radius:8px;text-align:center;text-decoration:none;border:1px solid var(--accent);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;isolation:isolate}.blog-button-outline:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease;transform:skew(-20deg)}.blog-button-outline:hover:before{left:100%}.blog-button-outline:hover{background-color:rgba(var(--accent-rgb),.05);border-color:var(--accent);color:var(--accent)}[data-theme=light] .blog-button:before,[data-theme=light] .blog-button-outline:before{background:linear-gradient(90deg,transparent,rgba(228,173,76,.4),transparent)}p.disclosure-note{font-size:.85rem}.toc-container{background-color:var(--bg-secondary);padding:1.5rem;border-radius:16px;border:var(--glass-border);box-shadow:var(--glass-shadow)}.toc-title{font-size:1.2rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);color:var(--accent)}.toc-list{list-style:none}.toc-list li{margin-bottom:.75rem;font-size:.95rem}.toc-list a{color:var(--text-primary);text-decoration:none;transition:color .2s ease;display:block;padding:.35rem 0;border-radius:4px}.toc-list a:hover{color:var(--accent)}.toc-list a.active{color:var(--accent);font-weight:500;border-left:2px solid var(--accent);padding-left:calc(.5rem - 2px)}.subscribe-section{position:relative;overflow:hidden;border-radius:16px;background-color:var(--bg-secondary);border:var(--glass-border);box-shadow:var(--glass-shadow);display:flex;align-items:center;min-height:300px;margin:4rem -3rem -3rem}.subscribe-content{flex:1;padding:3rem 2rem;z-index:2;position:relative;max-width:60%;background:var(--bg-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.subscribe-header{display:flex;align-items:center;gap:1rem;margin:0 auto 1.5rem;max-width:500px}.subscribe-icon{width:70px;height:70px;color:var(--accent);flex-shrink:0}.subscribe-title{font-size:1.8rem;font-weight:700;margin:0}.subscribe-description{font-size:1.05rem;margin:0 auto 1.5rem;color:var(--text-secondary);text-align:left;max-width:500px}.subscribe-section:before{content:"";position:absolute;inset:0;background-image:url(https://cdn.servalian.com/assets/Mail_Kovu_720x384.webp);background-size:contain;background-position:right center;background-repeat:no-repeat;z-index:1}.subscribe-image{display:none}.subscribe-image img{width:100%;height:100%;object-fit:cover;object-position:left center}.subscribe-form{max-width:500px;margin:0 auto}.subscribe-form-inputs{display:flex;gap:.75rem;margin-bottom:0}.subscribe-input{flex:1;padding:1rem 1.25rem;border-radius:8px;border:var(--glass-border);background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem;box-shadow:var(--input-shadow, none)}.subscribe-input:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}.subscribe-form .success-message,.subscribe-form .error-message{padding:1rem;border-radius:8px;margin-top:1rem;display:none;text-align:center;font-size:.9rem;width:100%}.subscribe-form .success-message{background-color:#10b981cc;color:#fff;border:1px solid rgba(16,185,129,.2)}.subscribe-form .error-message{background-color:#e53e3ecc;color:#fff;border:1px solid rgba(229,62,62,.2)}.subscribe-form .success-message.visible,.subscribe-form .error-message.visible{display:block}.subscribe-form .success-message.visible~.subscribe-form-inputs,.subscribe-form .error-message.visible~.subscribe-form-inputs{margin-bottom:0}.subscribe-form-inputs:has(~.success-message.visible),.subscribe-form-inputs:has(~.error-message.visible){margin-bottom:0}.related-articles{margin-top:4rem}.related-heading{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.related-card{background-color:var(--bg-secondary);border-radius:12px;overflow:hidden;border:var(--glass-border);box-shadow:var(--glass-shadow);transition:transform .3s ease,box-shadow .3s ease}.related-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000001a}.related-card:focus-within{transform:translateY(-5px);box-shadow:0 12px 30px #0000001a;outline:3px solid var(--accent);outline-offset:2px}.related-card a:focus{outline:none}.related-image{min-height:185px;background-color:var(--accent);opacity:.85;object-fit:cover;width:100%}.related-content{padding:1.25rem}.related-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);text-decoration:none}.related-meta{color:var(--text-secondary);font-size:.85rem}.code-block{margin:1.5rem 0;background-color:var(--code-bg);border-radius:8px;overflow:hidden;border:var(--glass-border);box-shadow:var(--glass-shadow)}.copy-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease;background-color:#ffffff1a}.copy-button:hover{background-color:#fff3;color:var(--text-primary)}.copy-button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.copy-button.copied{color:#10b981;background-color:#10b9811a}.copy-button.copied svg{stroke:#10b981}pre{margin:0;white-space:pre}.company-logo-section{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px}.mobile-toc-bar{display:none;position:fixed;bottom:0;left:0;width:100%;background-color:var(--bg-secondary);border-top:var(--glass-border);box-shadow:0 -2px 10px #00000026;z-index:201;padding:.75rem 1.5rem;text-align:center;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.mobile-toc-bar:hover{background-color:var(--bg-primary);box-shadow:0 -2px 10px #00000040}.mobile-toc-bar .bar-icon{display:inline-block;margin-right:.5rem;vertical-align:middle}.mobile-toc-dropdown{display:none;position:fixed;bottom:3rem;left:0;width:100%;max-height:70vh;overflow-y:auto;background-color:var(--bg-primary);border-top:var(--glass-border);border-bottom:var(--glass-border);box-shadow:0 -5px 15px #0003;z-index:200;padding:1.5rem;transform:translateY(100%);transition:transform .3s ease}.mobile-toc-dropdown.active{transform:translateY(0);display:block}.mobile-toc-dropdown ul{list-style:none;padding:0;margin:0}.mobile-toc-dropdown li{margin-bottom:.35rem}.mobile-toc-dropdown a{color:var(--text-primary);text-decoration:none;display:block;padding:.3rem 0;border-bottom:1px solid var(--border)}.mobile-toc-dropdown a:hover,.mobile-toc-dropdown a:active{color:var(--accent)}@media screen and (max-width:1023px){.mobile-toc-bar{display:flex;align-items:center;justify-content:center}main{padding:3rem}}.mobile-toc-bar.active{background-color:var(--accent);color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 -2px 10px #0000004d}.ai-summary-container{position:relative;display:inline-block}.ai-split-button{display:flex;align-items:center;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.ai-action-button{display:flex;align-items:center;background:var(--bg-primary);color:var(--text-primary);padding:.45rem .75rem;border:1.5px solid var(--accent);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease;gap:.4rem;border-radius:20px 0 0 20px;min-height:34px;border-right:none}.ai-action-button:hover{background:var(--bg-secondary)}.ai-menu-button{display:flex;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-primary);padding:.45rem .5rem;border:1.5px solid var(--accent);cursor:pointer;transition:all .3s ease;border-left:1px solid rgba(var(--accent-rgb),.3);border-radius:0 20px 20px 0;min-height:34px;min-width:34px}.ai-menu-button:hover{background:var(--bg-secondary)}.ai-menu-button svg{transition:transform .3s ease}.ai-menu-button.active svg{transform:rotate(180deg)}.ai-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.ai-dropdown{position:fixed;background:var(--bg-primary);border-radius:12px;box-shadow:0 8px 25px #0000004d;z-index:3;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;overflow:hidden}.ai-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.ai-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;color:var(--text-primary)}.ai-option:hover{background:var(--accent);color:var(--bg-primary)}.ai-option:not(:last-child){border-bottom:1px solid var(--border)}.chatgpt-icon{color:#10a37f}.claude-icon{color:#cc785c}.perplexity-icon{color:#20808d}.grok-icon{color:#1da1f2}@media screen and (min-width:1024px){.blog-main{max-width:calc(100% - 280px - 3rem)}}@media screen and (max-width:1200px){main{padding:3.5rem}.hero-content{padding:3.5rem;text-align:center}.featured-image-container{background-image:var(--hero-bg-mobile-url);background-position:top}@supports (background-image: var(--hero-bg-mobile-webp-url)){.featured-image-container{background-image:var(--hero-bg-mobile-webp-url)}}.hero-content .blog-meta:first-of-type,.hero-content .blog-meta:last-of-type{justify-content:center}.blog-container{display:flex;flex-direction:column;padding:0 1%;margin-top:2rem;margin-bottom:4rem}.blog-title{max-width:100%}.blog-content{background-color:transparent;border:none;box-shadow:none;padding:1rem .8rem;border-radius:0}.blog-sidebar{order:1;display:block;width:100%;position:static;align-self:auto}.blog-main{order:2;max-width:100%;width:100%}.toc-container{padding:1.5rem}.subscribe-section{margin:3rem -1rem -1rem}}@media screen and (max-width:1024px){main{padding:1.8rem}.hero-content .blog-meta:first-of-type,.hero-content .blog-meta:last-of-type{justify-content:center}.blog-title{font-size:2.8rem}}@media screen and (max-width:768px){.hero-content{padding:230px 5% 2rem}.blog-title{font-size:2rem}.hero-content .blog-meta:last-of-type{font-size:.9rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.ai-summary-container{flex-basis:100%;display:flex;justify-content:center;margin-top:.5rem}.ai-action-button{font-size:.85rem;padding:.5rem .75rem;min-height:36px}.ai-menu-button{padding:.5rem;min-height:36px;min-width:36px}.ai-button-text{display:block}.ai-dropdown{min-width:160px}.ai-option{padding:.65rem .85rem;font-size:.85rem}.modal-close{top:15px;right:15px;width:35px;height:35px}.zoom-controls{bottom:60px}.subscribe-section{flex-direction:column;min-height:auto;text-align:center}.subscribe-section:before{display:none}.subscribe-content{max-width:100%;padding:2rem 1.5rem 1rem;order:2;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0 0 16px 16px;margin:0}.subscribe-header{justify-content:center;margin-bottom:1rem}.subscribe-description{text-align:center}.subscribe-image{display:block;position:static;width:100%;height:200px;order:1;border-radius:16px 16px 0 0;overflow:hidden}.subscribe-image img{object-fit:cover;object-position:center}.subscribe-form-inputs{flex-direction:column}.related-grid{grid-template-columns:1fr}}@media screen and (max-width:576px){.hero-content{padding:220px 5% 2rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-title{font-size:1.9rem}.category-label{font-size:.7rem;padding:.25rem .8rem}.hero-content .blog-meta:last-of-type{font-size:.85rem}.ai-action-button{font-size:.8rem;padding:.45rem .65rem;min-height:32px}.ai-menu-button{padding:.45rem;min-height:32px;min-width:32px}.ai-action-button .ai-icon{width:14px;height:14px}.ai-menu-button svg{width:10px;height:10px}.ai-summary-container{width:fit-content}}