body{background-image:none;contain:none!important}.honeypot-field{display:none}main{padding:1.25rem 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:5rem}.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:.0313rem;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);color:var(--accent);background:var(--hero-text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-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:1.875rem;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:.625rem;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}.bracket-box{position:relative;padding:28px 32px;margin:3rem 0;background:#1e1e1e99}[data-theme=light] .bracket-box{background:#f5f5f5cc}.bracket-box:before{content:"";position:absolute;top:0;left:0;width:24px;height:24px;border-top:2px solid var(--bracket-color, var(--accent));border-left:2px solid var(--bracket-color, var(--accent));border-top-left-radius:8px}.bracket-box:after{content:"";position:absolute;bottom:0;right:0;width:24px;height:24px;border-bottom:2px solid var(--bracket-color, var(--accent));border-right:2px solid var(--bracket-color, var(--accent));border-bottom-right-radius:8px}.bracket-box .icon-badge{position:absolute;top:-14px;left:36px;background:var(--bg-primary-v2);padding:5px 14px;line-height:1;display:flex;align-items:center;gap:8px;color:var(--bracket-color, var(--accent));font-weight:600;font-size:.8rem}.bracket-box .icon-badge .icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}.bracket-box.warning{--bracket-color: var(--accent)}.bracket-box.info{--bracket-color: #7a9bb8}[data-theme=light] .bracket-box.info{--bracket-color: #5a7b98}.bracket-box .text-content{color:var(--text-secondary);line-height:1.75;font-size:.95rem;margin:0}.bracket-box .text-content strong{color:var(--bracket-color, var(--accent))}[data-theme=light] .bracket-box .text-content{color:var(--text-primary)}.bracket-box .text-content code{background:var(--bg-primary-v2);padding:3px 10px;border-radius:4px;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.85em;color:var(--bracket-color, var(--accent))}.blog-content .bracket-box .text-content a{background:linear-gradient(135deg,#e4ad4c,#e0b569,#d6ab5f);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;border-bottom:1px solid rgba(228,173,76,.6)}.blog-content .bracket-box .text-content a:hover{background:linear-gradient(135deg,#f8cb6a,#ffd387,#f4c97d);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid rgba(228,173,76,1)}.blog-content .bracket-box.info .text-content a{background:linear-gradient(135deg,#7a9bb8,#8caac3,#648caf);-webkit-background-clip:text;background-clip:text;color:transparent;border-bottom:1px solid rgba(122,155,184,.6)}.blog-content .bracket-box.info .text-content a:hover{background:linear-gradient(135deg,#96b9d7,#aac8e1,#82afd2);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid rgba(122,155,184,1)}[data-theme=light] .blog-content .bracket-box.info .text-content a{background:linear-gradient(135deg,#466987,#5a7b98,#3c5f7d);-webkit-background-clip:text;background-clip:text;color:transparent;border-bottom:1px solid rgba(70,105,135,.6)}[data-theme=light] .blog-content .bracket-box.info .text-content a:hover{background:linear-gradient(135deg,#325573,#466784,#284b69);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid rgba(70,105,135,1)}.quote-box{position:relative;padding:36px 32px 28px 70px;margin:2.5rem 0;background:#1e1e1e99;border-radius:0 14px 14px 0;border-left:3px solid var(--accent)}[data-theme=light] .quote-box{background:#f5f5f5cc}.quote-box .quote-mark{position:absolute;top:8px;left:14px;font-size:4.5rem;color:var(--accent);opacity:.35;font-family:Georgia,Times New Roman,serif;line-height:1;-webkit-user-select:none;user-select:none}.quote-box blockquote{font-style:italic;font-size:1.02rem;line-height:1.8;color:#c5c5c5;position:relative;z-index:1;margin:0}[data-theme=light] .quote-box blockquote{color:var(--text-primary)}.quote-box .attribution{margin-top:18px;color:#777;font-size:.9rem;position:relative;z-index:1}[data-theme=light] .quote-box .attribution{color:var(--text-secondary)}.quote-box .attribution strong{color:var(--accent);font-weight:600}.quote-block{position:relative;padding:36px 32px 28px 70px;margin:2.5rem 0;background:#1e1e1e99;border-radius:0 14px 14px 0;border-left:3px solid var(--accent)}[data-theme=light] .quote-block{background:#f5f5f5cc}.quote-block:before{content:'"';position:absolute;top:8px;left:14px;font-size:4.5rem;color:var(--accent);opacity:.35;font-family:Georgia,Times New Roman,serif;line-height:1;-webkit-user-select:none;user-select:none}.quote-block p{font-style:italic;font-size:1.02rem;line-height:1.8;color:#c5c5c5;position:relative;z-index:1;margin:0}[data-theme=light] .quote-block p{color:var(--text-primary)}.quote-block p:after{content:none}.quote-source{display:block;margin-top:18px;color:#777;font-size:.9rem;position:relative;z-index:1;text-align:left;font-style:normal;font-weight:400}[data-theme=light] .quote-source{color:var(--text-secondary)}.quote-source strong{color:var(--accent);font-weight:600}.collapsible-section{margin:1.5rem 0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.collapsible-section__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:var(--bg-secondary);border:none;cursor:pointer;transition:background .2s ease}.collapsible-section__toggle:hover{background:var(--bg-tertiary)}.collapsible-section__toggle-left{display:flex;align-items:center;gap:.75rem}.collapsible-section__badge{padding:.25rem .6rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#646e6e26;color:var(--text-secondary);border-radius:4px}[data-theme=light] .collapsible-section__badge{background:#2d32321a;color:var(--accent)}.collapsible-section__title{font-size:.95rem;font-weight:600;color:var(--text-primary)}.collapsible-section__chevron{width:20px;height:20px;color:var(--text-secondary);transition:transform .2s ease}.collapsible-section--open .collapsible-section__chevron{transform:rotate(180deg)}.collapsible-section__content{display:none;padding:1.25rem;border-top:1px solid var(--border);background:var(--bg-primary)}.collapsible-section--open .collapsible-section__content{display:block}.accordion-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.accordion-item{border:1px solid var(--border);border-radius:8px;overflow:hidden}.accordion-item__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);cursor:pointer;transition:background .2s ease}.accordion-item__header:hover{background:var(--bg-tertiary)}.accordion-item__logo{width:24px;height:24px;object-fit:contain}.accordion-item__name{flex:1;font-size:.9rem;font-weight:600;color:var(--text-primary)}.accordion-item__chevron{width:16px;height:16px;color:var(--text-secondary);transition:transform .2s ease}.accordion-item--open .accordion-item__chevron{transform:rotate(180deg)}.accordion-item__content{display:none;padding:1rem;border-top:1px solid var(--border);background:var(--bg-primary);font-size:.9rem;color:var(--text-primary);line-height:1.6}.accordion-item--open .accordion-item__content{display:block}.accordion-item__content ol{margin:.5rem 0;padding-left:1.25rem}.accordion-item__content li{margin-bottom:.4rem}.code-bracket{position:relative;margin:1.5rem 0;background:#141416e6;padding:20px 24px}[data-theme=light] .code-bracket{background:#f5f5f8f2}.code-bracket:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-top:2px solid var(--accent);border-left:2px solid var(--accent);border-top-left-radius:6px}.code-bracket:after{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);border-bottom-right-radius:6px}.code-bracket .lang-badge{position:absolute;top:-12px;left:32px;background:var(--bg-primary);padding:4px 12px;color:var(--accent);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-family:Quicksand,sans-serif;line-height:1}.code-bracket .code-copy-btn{position:absolute;top:12px;right:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;padding:6px 12px;border-radius:4px;font-family:Quicksand,sans-serif;font-size:.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.code-bracket .code-copy-btn:hover{background:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.3);color:var(--accent)}.code-bracket .code-copy-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}[data-theme=light] .code-bracket .code-copy-btn{background:#0000000d;border-color:#0000001a;color:#666}[data-theme=light] .code-bracket .code-copy-btn:hover{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3);color:var(--accent)}.code-bracket pre,.code-bracket pre[class*=language-]{margin:0;padding:0 60px 0 0;background:transparent;background-color:transparent;border:none;border-radius:0;overflow-x:auto}.code-bracket pre code{font-family:Fira Code,JetBrains Mono,Consolas,monospace;font-size:.88rem;line-height:1.7;color:#c5c5c5}[data-theme=light] .code-bracket pre code{color:#393a34}.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:.375rem}.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:rgba(var(--bg-secondary-rgb),.8);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:.875rem}.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:14.375rem 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:13.75rem 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}}