*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#9d5cff;--primary-dark:#7c3aed;--primary-deep:#5b21b6;--secondary-color:#b794ff;--accent-color:#f4a6c0;--bg-darker:#0a0711;--bg-dark:#0e0b16;--bg-card:#181122;--bg-raised:#201733;--text-primary:#ece8f5;--text-secondary:#c5bcdb;--text-muted:#a99fc4;--text-faint:#756a90;--border-color:#9d80dc29;--border-strong:#9d80dc4d;--border-bright:#9d80dc73;--success-color:#34d399;--warning-color:#fbbf24;--glow:0 0 0 1px #9d80dc38, 0 22px 60px -16px #7c3aed8c;--f-display:"Space Grotesk", system-ui, -apple-system, sans-serif;--f-body:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace}html{scroll-behavior:smooth}body{font-family:var(--f-body);background:var(--bg-darker);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--f-display);letter-spacing:-.02em}code,pre,.inline-code,.code-lang,.code-language,.tag,.post-date,.reading-time,.keywords,.post-category{font-family:var(--f-mono)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--border-color);z-index:1000;background:#0c0914b8;width:100%;padding:1rem 0;position:fixed;top:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-brand{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.logo{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;width:40px;height:40px;font-family:var(--f-display);border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:flex}.brand-text{font-family:var(--f-display);background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;background-clip:text}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.nav-actions{align-items:center;gap:1.5rem;display:flex}.nav-rss{width:38px;height:38px;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;justify-content:center;align-items:center;transition:color .3s,border-color .3s,background .3s;display:inline-flex}.nav-rss:hover{color:var(--primary-color);border-color:var(--border-bright);background:#9d80dc1a}.nav-rss svg{width:18px;height:18px}.mobile-menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.mobile-menu-toggle span{background:var(--text-primary);border-radius:3px;width:25px;height:3px;transition:all .3s}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg)translate(8px,8px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}@media (width<=640px){.mobile-menu-toggle{display:flex}}.hero{align-items:center;min-height:90vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 28%,#7c3aed33 0%,#0000 46%),radial-gradient(circle at 82% 72%,#9d5cff26 0%,#0000 46%);position:absolute;inset:0}.hero .container{text-align:center;justify-content:center;align-items:center;display:flex;position:relative}.hero-content{z-index:1;max-width:800px}.hero-eyebrow{font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--secondary-color);border:1px solid var(--border-strong);background:#9d80dc0f;border-radius:999px;align-items:center;gap:.55rem;margin-bottom:1.75rem;padding:.45rem 1rem;font-size:.76rem;display:inline-flex}.hero-eyebrow .dot{background:var(--primary-color);width:7px;height:7px;box-shadow:0 0 10px var(--primary-color);border-radius:50%}.hero-title{margin-bottom:1rem;font-size:4.25rem;font-weight:700;line-height:1.02}.gradient-text{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.hero-description{color:var(--text-muted);max-width:500px;margin-bottom:2rem;font-size:1.125rem}.hero-cta{justify-content:center;gap:1rem;display:flex}.btn{border-radius:8px;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;box-shadow:0 4px 14px #9d80dc66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9d80dc99}.btn-secondary{color:var(--text-primary);border:2px solid var(--border-color);background:0 0}.btn-secondary:hover{border-color:var(--primary-color);background:#9d80dc1a}section{padding:6rem 0}.section-title{text-align:center;background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.about{background:var(--bg-dark)}.about-content{max-width:900px;margin:0 auto}.about-intro{color:var(--text-secondary);text-align:center;margin-bottom:3rem;font-size:1.125rem;line-height:1.8}.about-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.about-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:2rem;transition:all .3s}.about-card:hover{border-color:var(--border-bright);box-shadow:var(--glow);transform:translateY(-6px)}.about-card .icon{margin-bottom:1rem}.about-card .icon svg{width:48px;height:48px;color:var(--primary-color)}.about-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.about-card p{color:var(--text-muted)}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.post-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:2rem;transition:all .3s;display:flex}.post-card:hover{border-color:var(--border-bright);box-shadow:var(--glow);transform:translateY(-6px)}.post-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.post-category{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.category-experiment{color:var(--secondary-color);border:1px solid var(--secondary-color);background:#b794ff33}.category-study{color:var(--primary-color);border:1px solid var(--primary-color);background:#9d80dc33}.category-discovery{color:var(--accent-color);border:1px solid var(--accent-color);background:#f4a6c033}.category-project{color:var(--success-color);border:1px solid var(--success-color);background:#10b98133}.post-date{color:var(--text-muted);font-size:.875rem}.post-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;line-height:1.3}.post-excerpt{color:var(--text-muted);flex-grow:1;margin-bottom:1.5rem;line-height:1.6}.post-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tag{color:var(--primary-color);background:#9d80dc1a;border:1px solid #9d80dc4d;border-radius:6px;padding:.25rem .75rem;font-size:.875rem}.post-link{color:var(--primary-color);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:gap .3s;display:inline-flex}.post-link:hover{gap:1rem}.newsletter{background:linear-gradient(135deg,#9d80dc1a,#b794ff1a);padding:4rem 0}.newsletter-content{text-align:center;max-width:600px;margin:0 auto}.newsletter-title{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;font-size:2rem;font-weight:700}.newsletter-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem}.newsletter-form{gap:1rem;margin-bottom:1rem;display:flex}.newsletter-input{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;flex:1;padding:.875rem 1.5rem;font-size:1rem;transition:all .3s}.newsletter-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #9d80dc1a}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-note{color:var(--text-muted);font-size:.875rem}.contact{background:var(--bg-dark);text-align:center}.contact-description{color:var(--text-muted);margin-bottom:2rem;font-size:1.125rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.contact-btn svg{flex-shrink:0;width:20px;height:20px}.contact-btn:hover{border-color:var(--primary-color);background:#9d80dc1a;transform:translateY(-2px)}.footer{background:var(--bg-darker);border-top:1px solid var(--border-color);padding:3rem 0 1.5rem}.footer-content{text-align:center;margin-bottom:2rem}.footer-brand{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.5rem;display:inline-flex}.footer-text{color:var(--text-muted);max-width:600px;margin:0 auto}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);padding-top:2rem;font-size:.875rem}.footer-rss{color:var(--text-muted);font-family:var(--f-mono);letter-spacing:.04em;margin-top:.75rem;font-size:.8125rem;text-decoration:none;transition:color .2s;display:inline-block}.footer-rss:hover{color:var(--secondary-color)}@media (width<=968px){.hero-title{font-size:3rem}.nav-links{gap:1rem}.newsletter-form{flex-direction:column}.about-grid{grid-template-columns:1fr}}@media (width<=640px){.container{padding:0 1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-cta{flex-direction:column}.btn{text-align:center}.nav-links{background:var(--bg-darker);border-top:1px solid var(--border-color);z-index:999;flex-direction:column;width:100%;height:calc(100vh - 70px);padding:2rem;transition:left .3s;position:fixed;top:70px;left:-100%}.nav-links.active{left:0}.nav-links li{width:100%;margin:0}.nav-links a{border-bottom:1px solid var(--border-color);padding:1rem;font-size:1.25rem;display:block}.posts-grid{grid-template-columns:1fr}.contact-links,.newsletter-form{flex-direction:column}}.post-content{background:var(--bg-darker);min-height:100vh;padding-top:100px}.post-container{max-width:800px;margin:0 auto;padding:0 2rem 4rem}.post-content-header{border-bottom:1px solid var(--border-color);margin-bottom:3rem;padding-bottom:2rem}.post-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.post-meta time,.reading-time{color:var(--text-muted);font-size:.875rem}.post-content-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.post-lead{color:var(--text-secondary);margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.post-author{align-items:center;gap:1rem;display:flex}.author-info{flex-direction:column;display:flex}.author-info strong{color:var(--text-primary);font-size:.875rem}.author-info strong a{color:var(--text-primary);text-decoration:none;transition:color .3s}.author-info strong a:hover{color:var(--primary-color)}.author-info span{color:var(--text-muted);font-size:.75rem}.post-section{margin-bottom:3rem}.post-section h2{color:var(--text-primary);margin-top:2rem;margin-bottom:1.5rem;font-size:1.875rem;font-weight:700}.post-section h3{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.post-section p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.8}.post-section ul,.post-section ol{margin-bottom:1.5rem;padding-left:1.5rem}.post-section li{color:var(--text-secondary);margin-bottom:.5rem;line-height:1.8}.post-section p a,.post-section li a,.disclaimer-box a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .3s}.post-section p a:hover,.post-section li a:hover,.disclaimer-box a:hover{color:var(--secondary-color);text-decoration:underline}.abstract{background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:2rem;padding:2rem}.abstract h2{color:var(--primary-color);margin-top:0;font-size:1.25rem}.keywords{border-top:1px solid var(--border-color);color:var(--text-muted);margin-top:1rem;padding-top:1rem;font-size:.875rem}.toc{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.toc h3{color:var(--text-primary);margin-top:0;margin-bottom:1rem;font-size:1rem}.toc ol{margin:0;padding-left:1.5rem}.toc li{margin-bottom:.5rem}.toc a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.toc a:hover{color:var(--primary-color)}.reading-progress{z-index:1100;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.reading-progress-bar{background:linear-gradient(90deg, var(--primary-dark), var(--primary-color), var(--accent-color));width:0;height:100%}.post-toc{display:none}.post-content [id]{scroll-margin-top:100px}@media (width>=1024px){.post-content.has-toc{grid-template-columns:minmax(0,720px) 220px;justify-content:center;gap:2.5rem;display:grid}.post-content.has-toc .post-container{max-width:none;margin:0;padding-left:0;padding-right:0}.post-content.has-toc .post-toc{display:block}.post-content.has-toc .toc-inline-hidden{display:none}}.post-toc-inner{max-height:calc(100vh - 140px);padding:.25rem .25rem .25rem 0;position:sticky;top:110px;overflow-y:auto}.post-toc-title{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:.85rem;font-size:.72rem}.post-toc .toc{background:0 0;border:none;border-radius:0;margin:0;padding:0}.post-toc .toc h2,.post-toc .toc h3{display:none}.post-toc .toc ol{margin:0;padding-left:0;list-style:none}.post-toc .toc ol ol{margin-top:.3rem;padding-left:.85rem}.post-toc .toc li{margin-bottom:.1rem}.post-toc .toc a{border-left:2px solid var(--border-color);color:var(--text-muted);padding:.3rem 0 .3rem .85rem;font-size:.85rem;line-height:1.35;transition:color .2s,border-color .2s;display:block}.post-toc .toc a:hover{color:var(--text-secondary);border-left-color:var(--border-bright)}.post-toc .toc a.active{color:var(--primary-color);border-left-color:var(--primary-color);font-weight:600}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.post-content .heading-anchor{color:var(--text-faint);opacity:0;margin-left:.4rem;font-weight:400;text-decoration:none;transition:opacity .2s,color .2s}.post-content h2:hover .heading-anchor,.post-content h3:hover .heading-anchor,.post-content .heading-anchor:focus{opacity:1}.post-content .heading-anchor:hover{color:var(--primary-color)}.post-content .heading-anchor.copied{opacity:1;color:var(--success-color)}.back-to-top{border:1px solid var(--border-bright);background:var(--bg-card);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;opacity:0;pointer-events:none;z-index:900;border-radius:50%;justify-content:center;align-items:center;transition:opacity .25s,transform .25s,color .25s,border-color .25s,background .25s;display:inline-flex;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(8px);box-shadow:0 8px 24px -8px #00000080}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{color:var(--primary-color);border-color:var(--primary-color);background:var(--bg-raised)}.back-to-top svg{width:20px;height:20px}@media (prefers-reduced-motion:reduce){.back-to-top,.back-to-top.visible{transform:none}}.info-box,.warning-box,.success-box{border-left:4px solid;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.info-box{border-color:var(--primary-color);background:#9d80dc1a}.warning-box{border-color:var(--warning-color);background:#f59e0b1a}.success-box{border-color:var(--success-color);background:#10b9811a}.info-box strong,.warning-box strong,.success-box strong{color:var(--text-primary);margin-bottom:.5rem;display:block}.info-box p,.warning-box p,.success-box p{margin:0}.info-box a,.warning-box a,.success-box a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .3s}.info-box a:hover,.warning-box a:hover,.success-box a:hover{color:var(--secondary-color);text-decoration:underline}.code-block{border:1px solid var(--border-strong);background:#0b0812;border-radius:12px;margin:1.75rem 0;overflow:hidden;box-shadow:0 24px 60px -28px #000000e6}.code-header{border-bottom:1px solid var(--border-color);background:#9d80dc0d;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.code-dots{gap:.45rem;display:flex}.code-dots i{border-radius:50%;width:11px;height:11px;display:block}.code-dots i:first-child{background:#7c3aed}.code-dots i:nth-child(2){background:#9d5cff}.code-dots i:nth-child(3){background:#c7c7d2}.code-lang{color:var(--secondary-color);letter-spacing:.04em;border:1px solid var(--border-strong);border-radius:6px;padding:.15rem .6rem;font-size:.72rem}.code-copy{border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:.25rem .8rem;font-size:.72rem;transition:all .2s}.code-copy:hover{border-color:var(--border-bright);color:var(--text-primary);background:#9d80dc29}.code-block pre{background:0 0;margin:0;padding:1.25rem 1.4rem;overflow-x:auto}.code-block code{font-family:var(--f-mono);color:#d9d3ea;font-size:.86rem;line-height:1.7}.tk-key{color:#b78bff;font-weight:600}.tk-ns{color:#9d5cff}.tk-type{color:#6fc7bb}.tk-str{color:#f0a8c4}.tk-num{color:#c9b6f0}.tk-com{color:#6b6186;font-style:italic}.tk-op{color:#cb9bff}.tk-fn{color:#d9c6ff}.tk-punc{color:#8d83a8}.inline-code{color:var(--secondary-color);border:1px solid var(--border-color);font-family:var(--f-mono);background:#9d80dc1f;border-radius:5px;padding:.12rem .4rem;font-size:.85em}.table-wrapper{margin:2rem 0;overflow-x:auto}.data-table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;width:100%;overflow:hidden}.data-table caption{color:var(--text-secondary);text-align:left;background:#0003;padding:1rem;font-weight:600}.data-table thead{background:#9d80dc1a}.data-table th{text-align:left;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding:1rem;font-weight:600}.data-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:1rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#9d80dc0d}.data-table .positive{color:var(--success-color);font-weight:600}.data-table .negative{color:#ef4444;font-weight:600}.chart-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin:2rem 0;padding:1.5rem}.chart-title{color:var(--text-primary);text-align:center;margin-bottom:2.5rem;font-weight:600}.bar-chart{width:100%}.chart-bars{border-bottom:2px solid var(--border-color);justify-content:space-around;align-items:flex-end;height:250px;margin-bottom:1rem;display:flex}.bar-group{flex:1;justify-content:center;align-items:flex-end;padding:0 .5rem;display:flex}.bar{border-radius:4px 4px 0 0;flex-direction:column;align-items:center;width:60px;min-height:20px;transition:all .3s;display:flex;position:relative}.bar:hover{opacity:.8}.bar-primary{background:linear-gradient(180deg, var(--primary-color), var(--secondary-color))}.bar-secondary{background:linear-gradient(180deg, var(--warning-color), #f59e0b)}.bar-label{color:var(--text-muted);white-space:nowrap;font-size:.75rem;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.bar-value{white-space:nowrap;color:var(--text-primary);font-size:.875rem;font-weight:600;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.chart-axis{text-align:center;color:var(--text-muted);margin-top:2.5rem;font-size:.875rem}.diagram{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:8px;margin:2rem 0;padding:2rem}.architecture-diagram{max-width:100%;height:auto}.diagram-caption{color:var(--text-muted);margin-top:1rem;font-size:.875rem;font-style:italic}blockquote{border-left:4px solid var(--accent-color);color:var(--text-secondary);background:#f4a6c00d;border-radius:0 8px 8px 0;margin:2rem 0;padding:1.5rem;font-style:italic}.key-finding{color:var(--text-primary);font-size:1.125rem;font-weight:500}.references{counter-reset:reference-counter;padding-left:0;list-style:none}.references li{counter-increment:reference-counter;color:var(--text-secondary);margin-bottom:1rem;padding-left:2.5rem;position:relative}.references li:before{content:"[" counter(reference-counter) "]";color:var(--primary-color);font-weight:600;position:absolute;left:0}.references em{color:var(--text-muted)}.references a{color:var(--primary-color);text-decoration:none;transition:color .3s}.references a:hover{color:var(--secondary-color);text-decoration:underline}.post-footer{border-top:2px solid var(--border-color);margin-top:4rem;padding-top:2rem}.post-tags-section h3,.post-share h3{color:var(--text-primary);margin-bottom:1rem;font-size:1rem}.post-tags-section{margin-bottom:2rem}.share-buttons{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2.5rem;display:flex}.share-label{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-right:.25rem;font-size:.8125rem}.share-btn{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-secondary);font-family:var(--f-body);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .25s,border-color .25s,background .25s,transform .1s;display:inline-flex}.share-btn svg{width:16px;height:16px}.share-btn:hover{color:var(--primary-color);border-color:var(--border-bright);background:#9d80dc1a}.share-btn:active{transform:translateY(1px)}.share-btn.copied{color:var(--success-color);border-color:var(--success-color);background:#34d39914}.related-posts{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-top:4rem;padding:2rem}.related-posts h2{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.related-posts-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.related-post-card{background:var(--bg-darker);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s}.related-post-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.related-post-card h3{color:var(--text-primary);margin:1rem 0 .5rem;font-size:1.125rem}.related-post-card p{color:var(--text-muted);margin:0;font-size:.875rem}.diagram pre.mermaid{text-align:center;background:0 0;border:none;margin:2rem 0;padding:0}.diagram .mermaid{justify-content:center;align-items:center;display:flex}.diagram .mermaid svg{max-width:100%;height:auto}@media (width<=768px){.post-container{padding:0 1rem 2rem}.post-content-title{font-size:2rem}.post-lead{font-size:1.125rem}.chart-bars{height:250px}.bar{width:40px}.related-posts-grid{grid-template-columns:1fr}.share-buttons{flex-direction:column}.diagram .mermaid svg{font-size:12px}}.latency-chart-container{background:#1e1e2d99;border:1px solid #ffffff1a;border-radius:12px;margin:2rem 0;padding:2rem}.latency-chart-title{color:#a0a0b0;margin:0 0 1rem;font-size:1rem}.latency-chart-legend{color:#a0a0b0;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;font-size:.75rem;display:flex}.latency-chart-grid{grid-template-columns:auto 1fr;gap:1rem;display:grid;overflow-x:auto}.latency-chart-y-axis{color:#808090;text-align:right;flex-direction:column;justify-content:space-between;height:300px;padding-right:.5rem;font-size:.75rem;display:flex}.latency-chart-bars{border-bottom:1px solid #fff3;border-left:1px solid #fff3;justify-content:space-evenly;align-items:flex-end;gap:2rem;height:300px;padding:0 2rem;display:flex}.latency-chart-bar-group{flex-shrink:0;justify-content:center;align-items:flex-end;gap:2px;min-width:80px;display:flex}.latency-chart-bar{border-radius:2px 2px 0 0;flex-shrink:0;width:20px}.latency-chart-labels{justify-content:space-evenly;gap:2rem;padding:1rem 2rem 0;display:flex}.latency-chart-label-item{flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;min-width:80px;display:flex}@media (width<=768px){.latency-chart-container{margin:1.5rem 0;padding:1rem}.latency-chart-title{text-align:center;font-size:.875rem}.latency-chart-legend{gap:1rem;font-size:.65rem}.latency-chart-grid{gap:.5rem}.latency-chart-y-axis{height:250px;padding-right:.25rem;font-size:.65rem}.latency-chart-bars{gap:.75rem;min-width:320px;height:250px;padding:0 .75rem}.latency-chart-bar-group{gap:1px;min-width:50px}.latency-chart-bar{width:14px}.latency-chart-labels{gap:.75rem;min-width:320px;padding:.75rem .75rem 0}.latency-chart-label-item{min-width:50px;font-size:.8rem}.latency-chart-label-item span:first-child{font-size:.75rem}.latency-chart-label-item span:last-child{font-size:.65rem}}@media (width<=480px){.latency-chart-container{padding:.75rem}.latency-chart-legend{gap:.5rem;font-size:.6rem}.latency-chart-y-axis{height:200px;font-size:.6rem}.latency-chart-bars{gap:.5rem;min-width:280px;height:200px;padding:0 .5rem}.latency-chart-bar-group{min-width:40px}.latency-chart-bar{width:12px}.latency-chart-labels{gap:.5rem;min-width:280px;padding:.5rem .5rem 0}.latency-chart-label-item{min-width:40px}.latency-chart-label-item span:first-child{font-size:.7rem}.latency-chart-label-item span:last-child{font-size:.6rem}}.hbar-chart{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin:2rem 0;padding:2rem}.hbar-rows{flex-direction:column;gap:.45rem;margin-top:1.5rem;display:flex}.hbar-row{align-items:center;gap:.75rem;display:flex}.hbar-label{text-align:right;color:#e0e0e0;white-space:nowrap;width:150px;min-width:150px;font-size:.78rem;font-weight:600}.hbar-track{flex:1;align-items:center;min-width:0;display:flex}.hbar-bar{border-radius:0 3px 3px 0;min-width:8px;height:20px}.hbar-value{white-space:nowrap;min-width:70px;padding-left:.5rem;font-size:.72rem;font-weight:600}.hbar-tier-sep{border:none;border-top:1px solid #ffffff1a;width:100%;margin:.2rem 0}.tool-tables-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:1.5rem 0;display:grid}.tool-table-block{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;padding:1rem;overflow:hidden}.tool-table-block h4{color:var(--primary-color);margin:0 0 .2rem;font-family:Courier New,monospace;font-size:.82rem}.tool-table-block .tool-desc{color:var(--text-muted);margin:0 0 .6rem;font-size:.68rem}.tool-table-block table{border-collapse:collapse;width:100%;font-size:.76rem}.tool-table-block table th{text-align:left;color:var(--text-muted);border-bottom:1px solid #ffffff1a;padding:.3rem .4rem;font-size:.68rem}.tool-table-block table td{border-bottom:1px solid #ffffff0a;padding:.22rem .4rem}.tool-table-block table tr:last-child td{border-bottom:none}@media (width<=900px){.tool-tables-grid{grid-template-columns:1fr}.hbar-label{width:120px;min-width:120px;font-size:.73rem}.hbar-value{min-width:60px;font-size:.68rem}}@media (width<=768px){.hbar-chart{padding:1rem}.hbar-label{width:100px;min-width:100px;font-size:.68rem}.hbar-value{min-width:54px;font-size:.63rem}.hbar-bar{height:16px}}@media (width<=480px){.hbar-label{width:82px;min-width:82px;font-size:.63rem}.hbar-value{min-width:48px;font-size:.6rem}.hbar-bar{height:14px}}.decision-guide{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:1.5rem 0 .75rem;display:grid}.scenario-card{background:#9d80dc0a;border:1px solid #9d80dc40;border-radius:10px;padding:1.25rem}.scenario-header{color:#a5b4fc;margin-bottom:.2rem;font-size:.9rem;font-weight:700}.scenario-note{color:var(--text-muted);margin-bottom:.9rem;font-size:.7rem}.scenario-pick{border-bottom:1px solid #ffffff0d;padding:.45rem 0}.scenario-pick:last-child{border-bottom:none;padding-bottom:0}.pick-condition{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:.1rem;font-size:.63rem;display:block}.pick-condition.primary{color:#10b981}.pick-name{color:#e0e0e0;font-size:.87rem;font-weight:700;display:block}.pick-rationale{color:var(--text-muted);margin-top:.1rem;font-size:.7rem;display:block}.tradeoff-callout{background:#f59e0b0a;border:1px solid #f59e0b33;border-left:4px solid #f59e0b;border-radius:8px;margin:2rem 0;padding:1.5rem 2rem}.tradeoff-headline{text-transform:uppercase;letter-spacing:.5px;color:#f59e0b;margin-bottom:1rem;font-size:.72rem;font-weight:700}.tradeoff-stats{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:1rem;display:flex}.tradeoff-stat{flex-direction:column;gap:.15rem;display:flex}.tradeoff-stat .stat-value{letter-spacing:-.5px;font-size:2.2rem;font-weight:800;line-height:1}.tradeoff-stat.t-positive .stat-value{color:#10b981}.tradeoff-stat.t-negative .stat-value{color:#f87171}.tradeoff-stat .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.68rem}.tradeoff-divider{color:var(--text-muted);margin-top:.5rem;padding:0 .25rem;font-size:.78rem}.tradeoff-footer{color:var(--text-secondary);border-top:1px solid #ffffff12;padding-top:1rem;font-size:.83rem;line-height:1.7}.disclaimer-box{color:var(--text-secondary);background:#94a3b80a;border:1px solid #94a3b82e;border-left:3px solid #94a3b866;border-radius:8px;margin:1.5rem 0 2rem;padding:1.25rem 1.5rem;font-size:.83rem;line-height:1.75}.disclaimer-box .disclaimer-title{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:.75rem;font-size:.72rem;font-weight:700;display:block}.disclaimer-box p{margin:0 0 .75rem}.disclaimer-box p:last-child{margin-bottom:0}.update-notice{color:var(--text-secondary);background:#10b9810d;border:1px solid #10b98138;border-left:3px solid #10b981;border-radius:8px;margin:2rem 0 1rem;padding:1rem 1.5rem;font-size:.85rem;line-height:1.7}.update-notice strong{color:#10b981}.update-notice a{color:var(--primary-color);font-weight:600;text-decoration:none}.update-notice a:hover{color:var(--secondary-color);text-decoration:underline}@media (width<=900px){.decision-guide{grid-template-columns:1fr}.tradeoff-stats{gap:1.25rem}.tradeoff-stat .stat-value{font-size:1.8rem}}