*,*::before,*::after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.7;color:#d4cfc9;background-color:#28292d;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;color:#c9a66b;font-weight:600;line-height:1.3;margin-top:2rem;margin-bottom:1rem}h1{font-size:2.25rem}h2{font-size:1.75rem;border-bottom:1px solid #3a3b40;padding-bottom:0.5rem}h3{font-size:1.375rem}h4{font-size:1.125rem}p{margin-bottom:1.25rem}a{color:#5da9a1;text-decoration:none;transition:color 0.2s ease}a:hover{color:#8fc4be;text-decoration:underline}strong{color:#e8e4df}em{color:#a88fad}small,.text-muted{color:#8a8279}::selection{background-color:#3d3834;color:#e8e4df}ul,ol{padding-left:1.5rem;margin-bottom:1.25rem}ul li,ol li{margin-bottom:0.25rem}ul li::marker,ol li::marker{color:#5da9a1}kbd{font-family:"JetBrains Mono","Fira Code","Consolas","Monaco",monospace;font-size:0.8em;background-color:#404248;color:#d4cfc9;padding:0.15em 0.4em;border-radius:4px;border:1px solid #3a3b40;box-shadow:0 1px 0 #3a3b40}mark{background-color:#3d3834;color:#e8e4df;padding:0.1em 0.2em;border-radius:2px}blockquote{border-left:4px solid #c9a66b;margin:1.5rem 0;padding:0.5rem 1rem;background-color:#34353b;color:#8a8279;font-style:italic}blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}hr{border:none;border-top:1px solid #3a3b40;margin:2rem 0}code{font-family:"JetBrains Mono","Fira Code","Consolas","Monaco",monospace;font-size:0.85em;background-color:#34353b;color:#e8b87a;padding:0.2em 0.4em;border-radius:4px}pre{font-family:"JetBrains Mono","Fira Code","Consolas","Monaco",monospace;font-size:0.95rem;background-color:#34353b;border:1px solid #3a3b40;border-radius:8px;padding:1rem;overflow-x:auto;margin:1.5rem 0}pre code{background:none;color:#9ca8b4;padding:0}.highlight{background-color:#34353b;border-radius:8px}.highlight .c,.highlight .cm,.highlight .c1,.highlight .cs,.highlight .cp{color:#8a8279;font-style:italic}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt,.highlight .kc{color:#a88fad}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .ss{color:#8fad5c}.highlight .nc,.highlight .nd,.highlight .ne{color:#6b98b8}.highlight .nf,.highlight .fm{color:#5da9a1}.highlight .n,.highlight .na,.highlight .nb,.highlight .ni,.highlight .nl,.highlight .nn,.highlight .no,.highlight .nt,.highlight .nv,.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#d4cfc9}.highlight .o,.highlight .ow{color:#8a8279}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .il{color:#e8b87a}.highlight .p{color:#d4cfc9}.highlight .err{color:#c75f4a}.highlight .gd{color:#c75f4a}.highlight .gi{color:#8fad5c}.highlight .gh,.highlight .gu{color:#6b98b8}table{width:100%;border-collapse:collapse;margin:1.5rem 0}th,td{text-align:left;padding:0.75rem;border-bottom:1px solid #3a3b40}th{color:#c9a66b;font-weight:600}tr:hover{background-color:#34353b}.container{max-width:48rem;margin:0 auto;padding:0 1.5rem}.site-header{border-bottom:1px solid #3a3b40;padding:1rem 0;margin-bottom:2rem}.header-container{display:flex;align-items:center;justify-content:space-between}.site-title{display:inline-flex;align-items:center;gap:0.5rem;font-family:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:700;color:#c9a66b;text-decoration:none;letter-spacing:-0.02em}.site-title:hover{color:#8fc4be;text-decoration:none}.site-logo{height:28px;width:auto}.site-nav{display:flex;align-items:center;gap:1.5rem}.site-nav a{color:#8a8279;font-size:0.9rem;text-decoration:none}.site-nav a:hover{color:#5da9a1}.site-nav a.active{color:#c9a66b}.site-footer{border-top:1px solid #3a3b40;padding:2rem 0;margin-top:3rem;color:#8a8279;font-size:0.875rem;text-align:center}.page-content{min-height:calc(100vh - 200px)}.page-content img{max-width:100%;height:auto}.post-header{margin-bottom:2rem}.post-title{font-size:2rem;margin-bottom:0.5rem}.post-meta,.post-list-meta{color:#8a8279;font-size:0.85rem;display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.post-list{list-style:none;padding:0;margin:0}.post-list-item{border-bottom:1px solid #3a3b40;padding:1.5rem 0}.post-list-item:last-child{border-bottom:none}.post-list-title{font-size:1.25rem;margin-top:0.1rem;margin-bottom:0.25rem}.post-list-title a{color:#d4cfc9}.post-list-title a:hover{color:#c9a66b}.post-list-meta{margin-bottom:0.5rem}.meta-separator{color:#3a3b40}.post-list-excerpt{color:#8a8279;font-size:0.95rem}.callout{border-left:4px solid #3a3b40;background-color:#34353b;padding:1rem;margin:1.5rem 0;border-radius:0 8px 8px 0}.callout p:last-child{margin-bottom:0}.callout.note{border-left-color:#6b98b8}.callout.tip{border-left-color:#8fad5c}.callout.warning{border-left-color:#d4a54a}.callout.danger{border-left-color:#c75f4a}.post-content img+em,.post-content p>img+br+em,.post-content p:has(>img)+p>em:only-child,.page-content img+em,.page-content p>img+br+em,.page-content p:has(>img)+p>em:only-child{display:block;text-align:center;color:#8a8279;font-size:0.875rem;margin-top:-1rem;margin-bottom:1.5rem}.tag{display:inline-block;background-color:#404248;color:#5da9a1;padding:0.15rem 0.6rem 0.2rem;border-radius:4px;font-size:0.7rem;font-weight:500;text-transform:capitalize;letter-spacing:0.02em;border:1px solid #3a3b40;text-decoration:none;transition:border-color 0.15s ease, background-color 0.15s ease}.tag:hover{border-color:#c9a66b;background-color:#34353b;text-decoration:none}.tag.tag-feature{color:#8fad5c;border-color:#8fad5c}.tag.tag-fix{color:#8fad5c;border-color:#8fad5c}.tag.tag-docs{color:#6b98b8;border-color:#6b98b8}.tag.tag-thinking{color:#a88fad;border-color:#a88fad}.tag.tag-deep-dive{color:#a88fad;border-color:#a88fad}.tag.tag-architecture{color:#6b98b8;border-color:#6b98b8}.tag.tag-announcement{color:#d4a54a;border-color:#d4a54a}.tag.tag-story{color:#5da9a1;border-color:#5da9a1}.tag.tag-date,.tag.tag-author{color:#8a8279;border:none;background-color:transparent;font-family:"JetBrains Mono","Fira Code","Consolas","Monaco",monospace;text-transform:none;padding-left:0}.tag.tag-date:hover,.tag.tag-author:hover{border:none;background-color:transparent}.tag-cloud{display:flex;flex-wrap:wrap;gap:0.5rem;margin:1.5rem 0}.hero{text-align:center;padding:3rem 0;margin-bottom:2rem}.hero-logo{max-width:100%;width:720px;height:auto;margin-bottom:1rem;border-radius:24px}.hero-title{font-size:2.5rem;margin-bottom:0.5rem}.hero-tagline{color:#8a8279;font-size:1.215rem;margin-bottom:1.5rem}.hero-links a{display:inline-block;margin:0 0.5rem;padding:0.5rem 1rem;border:1px solid #3a3b40;border-radius:6px;color:#d4cfc9;transition:all 0.2s ease}.hero-links a:hover{border-color:#c9a66b;color:#c9a66b;text-decoration:none}.hero-links a.primary{background-color:#c9a66b;border-color:#c9a66b;color:#28292d}.hero-links a.primary:hover{background-color:#d7bc90}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin:2rem 0}.feature-card{display:block;background-color:#34353b;border:1px solid #3a3b40;border-radius:8px;padding:1.25rem;transition:border-color 0.2s linear;text-decoration:none}.feature-card:hover{border-color:#c9a66b;text-decoration:none}.feature-card h3{font-size:1rem;margin-top:0;margin-bottom:0.5rem;color:#c9a66b}.feature-card p{font-size:0.9rem;color:#8a8279;margin-bottom:0}.terminal-block{background-color:#212225;border:1px solid #3a3b40;border-radius:8px;padding:1rem;font-family:"JetBrains Mono","Fira Code","Consolas","Monaco",monospace;font-size:0.95rem;overflow-x:auto;color:#5da9a1}.terminal-block .prompt{color:#c9a66b}.terminal-block .comment{color:#8a8279;display:block}@media (max-width: 600px){.header-container{flex-direction:column;align-items:flex-start;gap:0.75rem}.site-nav{gap:1rem;flex-wrap:wrap}.hero-title{font-size:1.75rem}.hero-links a{display:block;margin:0.5rem 0}.feature-grid{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.5rem}}
