:root{--blog-accent-color: hsl(43 100% 55% / 1);--blog-text-primary: #ffffff;--blog-text-secondary: #e5e7eb;--blog-text-muted: #a1a1aa;--blog-border-light: rgba(255, 255, 255, .1);--blog-border-medium: rgba(255, 255, 255, .3);--blog-bg-overlay: rgba(255, 255, 255, .05);--blog-bg-overlay-hover: rgba(255, 255, 255, .02);--blog-max-width: 1200px;--blog-sidebar-width: 280px;--blog-spacing-xs: 5px;--blog-spacing-sm: 10px;--blog-spacing-md: 15px;--blog-spacing-lg: 20px;--blog-spacing-xl: 30px;--blog-spacing-2xl: 40px}.blog-meta{font-family:IBM Plex Mono,monospace;font-size:14px;color:#a1a1aa;text-align:center;margin-bottom:10px;font-weight:400}.blog-content{max-width:none;margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-content p{margin-bottom:var(--blog-spacing-lg);line-height:1.7}.blog-content a{color:var(--blog-accent-color);text-decoration:none;border-bottom:1px solid var(--blog-accent-color);transition:color .3s ease,border-bottom-color .3s ease;outline-offset:2px}.blog-content a:hover{color:var(--blog-text-primary);border-bottom-color:var(--blog-text-primary)}.blog-content a:focus{outline:2px solid var(--blog-accent-color)}.blog-header{text-align:center;margin-bottom:50px}.blog-header h1{font-size:clamp(24px,4vw,32px);font-weight:400;margin-bottom:var(--blog-spacing-md);color:var(--blog-text-primary);line-height:1.2}.blog-header p{font-size:clamp(14px,2.5vw,16px);color:var(--blog-text-secondary);opacity:.9;max-width:800px;margin:0 auto var(--blog-spacing-lg);line-height:1.6}.blog-posts{margin-bottom:60px}.blog-posts h2{font-size:clamp(20px,3vw,24px);font-weight:400;text-align:center;margin-bottom:var(--blog-spacing-2xl);color:var(--blog-text-primary)}.blog-list{max-width:var(--blog-max-width);margin:0 auto;container-type:inline-size}.blog-post-item{display:flex;align-items:baseline;margin-bottom:var(--blog-spacing-sm);padding:var(--blog-spacing-sm) 0;border-bottom:1px solid var(--blog-border-light);transition:background-color .3s ease,padding .3s ease,margin .3s ease;border-radius:4px}.blog-post-item:hover{background-color:var(--blog-bg-overlay-hover);padding:var(--blog-spacing-md) var(--blog-spacing-sm);margin:0 calc(-1 * var(--blog-spacing-sm)) var(--blog-spacing-sm) calc(-1 * var(--blog-spacing-sm));box-shadow:0 2px 8px #0000001a}.blog-post-item:last-child{border-bottom:none}.blog-date{font-family:IBM Plex Mono,monospace;font-size:clamp(12px,2vw,14px);color:var(--blog-text-muted);white-space:nowrap;flex-shrink:0;font-weight:400;font-variant-numeric:tabular-nums}.blog-separator{color:var(--blog-text-muted);margin:0 var(--blog-spacing-xs);flex-shrink:0;user-select:none}.blog-title{font-family:IBM Plex Mono,monospace;font-size:clamp(14px,2.2vw,16px);font-weight:400;color:var(--blog-text-primary);text-decoration:none;line-height:1.4;flex-grow:1;transition:color .3s ease;outline-offset:2px;word-break:break-word;hyphens:auto}.blog-title:hover{color:var(--blog-accent-color);text-decoration:none}.blog-title:visited{color:var(--blog-text-secondary)}.blog-title:visited:hover{color:var(--blog-accent-color)}.blog-pagination{margin-bottom:60px}.pagination{display:flex;flex-direction:column;align-items:center;gap:20px}.pagination-info{font-family:IBM Plex Mono,monospace;font-size:14px;color:#a1a1aa;text-align:center}.pagination-buttons{display:flex;align-items:center;gap:15px}.pagination-btn{font-family:IBM Plex Mono,monospace;font-size:14px;padding:8px 16px;background-color:transparent;color:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.pagination-btn:hover:not(:disabled){background-color:#ffffff1a;border-color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-current{font-family:IBM Plex Mono,monospace;font-size:16px;font-weight:600;color:#ffbe1a;padding:8px 12px;border:1px solid hsl(43 100% 55% / 1);border-radius:4px;background-color:#fcd34d1a}.cta-final{text-align:center;margin-bottom:40px}.cta-final h2{font-size:24px;font-weight:400;margin-bottom:15px;color:#fff}.cta-final p{font-size:16px;color:#e5e7eb;margin-bottom:25px}@media(max-width:768px){.blog-header h1{font-size:clamp(22px,5vw,28px);padding:0 var(--blog-spacing-md);letter-spacing:-.01em}.blog-header p{font-size:clamp(13px,2.8vw,14px);padding:0 var(--blog-spacing-md);line-height:1.5}.blog-posts h2{font-size:clamp(18px,4vw,22px);padding:0 var(--blog-spacing-md)}.blog-list{padding:0 var(--blog-spacing-md);margin:0 auto}.blog-post-item{flex-direction:column;align-items:flex-start;gap:var(--blog-spacing-xs);padding:12px 0;min-height:44px}.blog-post-item:hover{padding:12px var(--blog-spacing-sm);margin:0 -25px var(--blog-spacing-lg) -25px;transform:none}@media(hover:none){.blog-post-item:hover{background-color:transparent;padding:12px 0;margin:0 0 var(--blog-spacing-lg) 0;box-shadow:none}}.blog-date{font-size:clamp(11px,2.2vw,12px);opacity:.9}.blog-separator{display:none}.blog-title{font-size:clamp(13px,2.5vw,15px);margin-top:var(--blog-spacing-xs);line-height:1.3}.pagination{padding:0 var(--blog-spacing-md);gap:var(--blog-spacing-md)}.pagination-buttons{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:clamp(11px,2.2vw,12px);padding:8px 12px;min-height:44px;min-width:44px}.pagination-current{font-size:clamp(12px,2.5vw,14px);padding:8px 12px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.cta-final h2{font-size:clamp(18px,4vw,22px);padding:0 var(--blog-spacing-md)}.cta-final p{padding:0 var(--blog-spacing-md);font-size:clamp(13px,2.5vw,14px);line-height:1.5}}@media(max-width:1024px)and (min-width:769px){.blog-header h1{font-size:clamp(28px,3.5vw,30px)}.blog-posts h2{font-size:clamp(22px,2.8vw,24px)}.blog-title{font-size:clamp(15px,2.3vw,16px)}.blog-list,.pagination{padding:0 var(--blog-spacing-lg)}}@media(max-width:480px){.blog-header h1{font-size:clamp(20px,6vw,24px);letter-spacing:-.02em}.blog-posts h2{font-size:clamp(16px,5vw,20px)}.blog-title{font-size:clamp(12px,3vw,14px);line-height:1.25}.cta-final h2{font-size:clamp(16px,5vw,20px)}}.blog-list.loading{opacity:.5}.blog-post-item.loading{background-color:#ffffff0d;border-radius:4px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.blog-title:focus{outline:2px solid var(--blog-accent-color);outline-offset:2px}button:focus,input:focus,a:focus{outline:2px solid var(--blog-accent-color);outline-offset:2px}@media(prefers-contrast:high){:root{--blog-text-muted: #cccccc;--blog-border-light: rgba(255, 255, 255, .4);--blog-border-medium: rgba(255, 255, 255, .6)}}.pagination-btn:focus{outline:2px solid var(--blog-accent-color);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:var(--blog-accent-color);color:#000;padding:8px;text-decoration:none;border-radius:4px;z-index:1000;font-weight:600}.skip-link:focus{top:6px;outline:none}@media print{.matrix-bg,.pagination,.cta-final,.social-sharing,.toc-toggle,button{display:none}.blog-title{color:#000!important;text-decoration:underline;font-size:14px}.blog-date{color:#666!important;font-size:12px}body{background:#fff!important;color:#000!important;font-size:12px;line-height:1.4}.blog-content,.blog-article{max-width:none;margin:0;padding:0}.blog-layout{flex-direction:column;gap:10px}.toc-container{border:1px solid #ccc;page-break-inside:avoid}}@media(prefers-contrast:high){.blog-title{color:#fff}.blog-date{color:#ccc}.blog-post-item{border-bottom-color:#ffffff4d}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.matrix-line{animation:none;opacity:.1}}@media(min-width:769px){.blog-post-item,.pagination-btn,.toc-toggle,.social-btn{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}}@media(max-width:768px){.blog-post-item,.pagination-btn,.toc-toggle,.social-btn{transform:none;backface-visibility:visible;perspective:none}}.blog-list,.toc-container,.pagination{contain:layout style paint}.cover-image,.author-avatar{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}body,.blog-content{font-family:IBM Plex Mono,SF Mono,Monaco,Inconsolata,Fira Code,Fira Mono,Roboto Mono,monospace}@font-face{font-family:IBM Plex Mono;font-display:swap}@media(prefers-color-scheme:dark){:root{--blog-text-primary: #ffffff;--blog-text-secondary: #e5e7eb;--blog-text-muted: #a1a1aa}}@media(prefers-color-scheme:light){.light-theme{--blog-text-primary: #000000;--blog-text-secondary: #374151;--blog-text-muted: #6b7280;--blog-border-light: rgba(0, 0, 0, .1);--blog-border-medium: rgba(0, 0, 0, .3);--blog-bg-overlay: rgba(0, 0, 0, .05);--blog-bg-overlay-hover: rgba(0, 0, 0, .02)}}.toc{background-color:var(--blog-bg-overlay);border:1px solid var(--blog-border-light);border-radius:8px;padding:var(--blog-spacing-lg);max-height:calc(100vh - 140px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--blog-text-muted) transparent}.toc::-webkit-scrollbar{width:6px}.toc::-webkit-scrollbar-track{background:transparent}.toc::-webkit-scrollbar-thumb{background-color:var(--blog-text-muted);border-radius:3px}.toc-title{font-size:clamp(14px,2.5vw,16px);font-weight:600;color:var(--blog-text-primary);margin-bottom:var(--blog-spacing-md);display:flex;align-items:center;justify-content:space-between}.toc-toggle{display:none;background:none;border:none;color:var(--blog-text-primary);cursor:pointer;font-size:18px;padding:4px;min-height:44px;min-width:44px;border-radius:4px;transition:background-color .3s ease}.toc-toggle:hover{background-color:var(--blog-bg-overlay)}.toc-toggle:focus{outline:2px solid var(--blog-accent-color);outline-offset:2px}.toc-content{display:block}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:8px}.toc-list a{display:block;color:var(--blog-text-muted);text-decoration:none;font-size:clamp(12px,2.2vw,14px);line-height:1.4;padding:6px 0;border-bottom:none;transition:color .3s ease;border-radius:2px;outline-offset:2px}.toc-list a:hover{color:var(--blog-accent-color);border-bottom:none;background-color:#fcd34d1a}.toc-list a:focus{outline:2px solid var(--blog-accent-color);outline-offset:2px}.toc-list a.active{color:var(--blog-accent-color);font-weight:600;background-color:#fcd34d1a}.toc-list .toc-h3 a{padding-left:var(--blog-spacing-md);font-size:clamp(11px,2vw,13px);opacity:.9}.blog-article{margin-bottom:40px}.blog-article h1{font-size:36px;font-weight:400;margin-bottom:15px;color:#fff;line-height:1.2}.blog-article .blog-subtitle{font-size:18px;color:#a1a1aa;margin-bottom:30px;font-style:italic;line-height:1.4}.blog-article .cover-image{width:100%;height:300px;object-fit:cover;border-radius:8px;margin:var(--blog-spacing-xl) 0;border:1px solid var(--blog-border-light);loading:lazy;decoding:async;image-rendering:-webkit-optimize-contrast;@media(max-width:768px){height:200px;margin:var(--blog-spacing-lg) 0}@media(max-width:480px){height:150px}}.toc-mobile{display:none;background-color:var(--blog-bg-overlay);border:1px solid var(--blog-border-light);border-radius:8px;margin:20px 0;overflow:hidden}.toc-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;cursor:pointer;user-select:none}.toc-mobile-title{font-size:14px;font-weight:600;color:var(--blog-text-primary)}.toc-mobile-toggle{background:none;border:none;color:var(--blog-text-primary);font-size:14px;cursor:pointer;padding:4px 8px;transition:transform .3s ease}.toc-mobile-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.toc-mobile-content.show{max-height:500px;padding:0 20px 20px}.toc-mobile-content ul{list-style:none;padding:0;margin:0}.toc-mobile-content li{margin-bottom:8px}.toc-mobile-content a{display:block;color:var(--blog-text-muted);text-decoration:none;font-size:14px;line-height:1.4;padding:6px 0;border-bottom:none;transition:color .3s ease}.toc-mobile-content a:hover{color:var(--blog-accent-color);border-bottom:none}.toc-mobile-content a.active{color:var(--blog-accent-color);font-weight:600;background-color:#fcd34d1a;border-radius:4px;padding:6px 8px}.toc-mobile-content .toc-h3 a{padding-left:15px;font-size:13px;opacity:.9}.toc-mobile-content .toc-h3 a.active{padding-left:23px}.author-bio-section{margin:50px 0;padding:0}.author-bio-header{display:flex;align-items:center;gap:15px;margin-bottom:30px}.author-bio-divider{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent)}.author-bio-label{font-size:14px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.author-bio-content{display:flex;gap:20px;align-items:flex-start;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:30px}.author-bio-avatar{flex-shrink:0}.author-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1);loading:lazy;decoding:async;image-rendering:-webkit-optimize-contrast}.author-bio-info{flex:1;min-width:0}.author-bio-main{display:flex;flex-direction:column;gap:8px}.author-name-row{display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap!important;width:100%}.author-name-row .author-name,.author-bio-main .author-name,h4.author-name{margin:0!important;padding:0!important;font-size:20px;font-weight:600;color:#fff;line-height:1.2;display:inline-block!important;flex-shrink:0;text-align:left!important}.author-link{display:inline-flex!important;align-items:center;gap:6px;font-size:13px;color:#fbbf24;background-color:#fbbf241a;padding:4px 10px;border-radius:6px;text-decoration:none;border-bottom:none!important;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.author-link:hover{background-color:#fbbf2433;color:#fbbf24;border-bottom:none!important}.author-link svg{width:14px;height:14px;flex-shrink:0}.author-title{margin:0;font-size:14px;color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.author-description{margin:0;font-size:15px;color:#e5e7eb;line-height:1.7}.blog-article h2{font-size:28px;font-weight:400;margin:40px 0 20px;color:#fff;text-align:left;scroll-margin-top:100px}.blog-article h3{font-size:22px;font-weight:400;margin:30px 0 15px;color:#fff;text-align:left;scroll-margin-top:100px}.blog-article h4{font-size:18px;font-weight:500;margin:25px 0 12px;color:#fff;text-align:left}.blog-article p{font-size:16px;line-height:1.8;margin-bottom:20px;color:#e5e7eb;text-align:left}.blog-article ul,.blog-article ol{margin:20px 0;padding-left:30px;color:#e5e7eb}.blog-article li{margin-bottom:8px;line-height:1.6}.blog-article blockquote{border-left:4px solid hsl(43 100% 55% / 1);background-color:#fcd34d0d;padding:20px;margin:30px 0;font-style:italic;color:#e5e7eb;border-radius:0 4px 4px 0}.blog-article code{background-color:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:IBM Plex Mono,monospace;font-size:14px;color:#ffbe1a}.blog-article pre{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;margin:30px 0;overflow-x:auto;font-family:IBM Plex Mono,monospace;font-size:14px;line-height:1.5}.blog-article pre code{background:none;padding:0;color:#fff}.blog-article table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin:30px 0;font-size:14px;overflow:hidden;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-article thead th{background-color:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);padding:12px 16px;text-align:left;font-weight:600;color:#fff;white-space:nowrap}.blog-article tbody td{border-bottom:1px solid rgba(255,255,255,.05);padding:10px 16px;color:#e5e7eb;vertical-align:top}.blog-article tbody tr:last-child td{border-bottom:none}.blog-cta{background-color:#fcd34d0d;border:1px solid hsl(43 100% 55% / .3);border-radius:8px;padding:30px;margin:40px 0;text-align:center}.blog-cta h3{margin:0 0 15px;color:#fff;font-size:20px}.blog-cta p{margin:0 0 20px;color:#e5e7eb}.blog-cta .cta-button{display:inline-block;width:auto;padding:12px 24px;margin:0}.social-sharing{margin:40px 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.social-sharing h4{margin:0 0 15px;color:#fff;font-size:16px;text-align:center}.social-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.social-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background-color:transparent;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;text-decoration:none;font-size:14px;transition:all .3s ease}.social-btn:hover{background-color:#ffffff1a;border-color:#fff}@media(max-width:768px){.toc-mobile{display:block}.blog-article h1{font-size:clamp(24px,5vw,28px);letter-spacing:-.01em;margin-bottom:var(--blog-spacing-lg)}.blog-article h2{font-size:clamp(20px,4vw,24px)}.blog-article h3{font-size:clamp(18px,3.5vw,20px)}.blog-article thead th,.blog-article tbody td{padding:8px 10px;font-size:13px}.author-bio-section{margin:30px 0}.author-bio-header{gap:10px;margin-bottom:20px}.author-bio-label{font-size:12px}.author-bio-content{flex-direction:column;align-items:center;text-align:center;gap:15px;padding:20px}.author-avatar-img{width:60px;height:60px}.author-name-row{flex-direction:column;justify-content:center;gap:8px;align-items:center}.author-name{font-size:18px}.author-link{font-size:12px;padding:3px 8px}.author-link svg{width:12px;height:12px}.author-title,.author-description{font-size:13px}.social-buttons{gap:8px}.social-btn{padding:8px 12px;font-size:clamp(12px,2.2vw,13px);min-height:44px}.blog-cta{padding:var(--blog-spacing-lg);margin:var(--blog-spacing-lg) 0}.cta-button{min-height:44px;padding:12px 24px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(252,211,77,.3);-webkit-touch-callout:none}input,textarea,select{min-height:44px;font-size:16px}}