*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--deep);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--teal-bright);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--deep) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{max-width:1080px;margin:0 auto;padding:.8rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--ink);letter-spacing:.02em}.brand:hover{text-decoration:none;color:var(--teal-bright)}.site-nav{display:flex;gap:1.25rem;flex-wrap:wrap}.site-nav a{color:var(--mist);font-size:.95rem}.site-nav a:hover{color:var(--teal-bright);text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:2.5rem 1.25rem 4rem}main{display:block}.hero{margin-bottom:2.5rem}.hero h1{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.15;letter-spacing:-.01em}.hero-sub{color:var(--mist);margin-top:.75rem;max-width:62ch}.hero-kicker{color:var(--accent);font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.12em;margin-bottom:.5rem}.hero.small{margin-bottom:2rem}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:.65rem;transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:var(--teal);transform:translateY(-2px)}.card-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.85rem;color:var(--mist)}.card-meta time{font-family:var(--font-mono);font-size:.8rem}.cat{color:var(--accent);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.card-title{font-family:var(--font-display);font-size:1.25rem;line-height:1.3}.card-title a{color:var(--ink)}.card-title a:hover{color:var(--teal-bright);text-decoration:none}.card-summary{color:var(--mist);font-size:.95rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:.75rem;border-top:1px solid var(--line);padding-top:.75rem;font-size:.85rem;color:var(--mist)}.card-foot .more{font-weight:600;color:var(--teal-bright)}.card-foot .more:hover{text-decoration:none;color:var(--accent)}.pagination{margin-top:2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-btn{border:1px solid var(--line);border-radius:8px;padding:.5rem 1rem;font-size:.9rem;color:var(--ink);background:var(--panel)}.page-btn:hover{border-color:var(--teal);text-decoration:none}.page-btn.is-disabled{opacity:.35;pointer-events:none}.page-info{color:var(--mist);font-size:.9rem;font-family:var(--font-mono)}.post{max-width:760px;margin:0 auto}.post-head{margin-bottom:2rem}.post-head h1{font-family:var(--font-display);font-size:clamp(1.7rem,3.5vw,2.4rem);line-height:1.2;margin-top:.5rem}.post-sub{color:var(--mist);margin-top:.75rem}.post-cta{margin-top:3rem;padding:1.5rem;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:0 12px 12px 0}.post-cta p{margin-bottom:.9rem}.btn{display:inline-block;background:var(--teal);color:var(--deep);font-weight:700;padding:.6rem 1.4rem;border-radius:8px}.btn:hover{background:var(--teal-bright);text-decoration:none}.post-nav{margin-top:2.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.post-nav-item{flex:1;min-width:220px;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:10px;background:var(--card);display:flex;flex-direction:column;gap:.25rem}.post-nav-item:hover{border-color:var(--teal);text-decoration:none}.post-nav-item.next{text-align:right}.post-nav-item span{color:var(--mist);font-size:.8rem}.post-nav-item strong{color:var(--ink);font-weight:600;line-height:1.35}.prose{font-size:1.05rem}.prose h2{font-family:var(--font-display);font-size:1.5rem;margin:2.2rem 0 .8rem;line-height:1.3}.prose h3{font-family:var(--font-display);font-size:1.2rem;margin:1.8rem 0 .6rem}.prose p{margin-bottom:1.1rem}.prose ul,.prose ol{margin:0 0 1.1rem 1.4rem}.prose li{margin-bottom:.4rem}.prose blockquote{border-left:3px solid var(--teal);padding:.25rem 0 .25rem 1.25rem;margin:1.5rem 0;color:var(--mist);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:.1em .35em}.prose pre{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1.1rem 1.3rem;overflow-x:auto;margin:1.5rem 0;line-height:1.55}.prose pre code{background:0 0;border:none;padding:0;font-size:.85rem}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.prose th,.prose td{border:1px solid var(--line);padding:.5rem .8rem;text-align:left}.prose th{background:var(--panel);font-family:var(--font-mono);font-size:.85rem}.prose hr{border:none;border-top:1px solid var(--line);margin:2.5rem 0}.prose img{border-radius:10px;border:1px solid var(--line)}.chroma{color:var(--ink)}.chroma .err{color:#f85149}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:var(--teal-bright)}.chroma .kt,.chroma .nc,.chroma .ne{color:var(--accent)}.chroma .nb,.chroma .nf,.chroma .nx{color:var(--teal)}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .s2,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx,.chroma .s1{color:var(--green)}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:var(--accent)}.chroma .o,.chroma .ow{color:var(--teal-bright)}.chroma .c,.chroma .c1,.chroma .cm,.chroma .c2,.chroma .cs,.chroma .ch,.chroma .cp{color:var(--mist);font-style:italic}.chroma .gd{color:#f85149}.chroma .gi{color:var(--green)}.chroma .gu{color:var(--mist)}.term-list{display:flex;flex-wrap:wrap;gap:.75rem}.term-chip{border:1px solid var(--line);border-radius:999px;padding:.45rem 1.1rem;color:var(--ink);background:var(--card);display:inline-flex;align-items:center;gap:.5rem}.term-chip:hover{border-color:var(--teal);text-decoration:none}.term-chip .count{font-family:var(--font-mono);font-size:.78rem;background:var(--panel);border-radius:999px;padding:0 .55rem;color:var(--mist)}.empty{color:var(--mist);padding:2rem 0}.site-footer{border-top:1px solid var(--line);background:var(--panel)}.footer-inner{max-width:1080px;margin:0 auto;padding:2rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;color:var(--mist);font-size:.9rem}.refs{display:flex;gap:1.25rem;list-style:none;flex-wrap:wrap}.refs a{color:var(--mist);font-size:.85rem}.refs a:hover{color:var(--teal-bright)}@media(max-width:640px){body{font-size:16px}.wrap{padding:1.75rem 1rem 3rem}.header-inner{justify-content:center}.post-nav{flex-direction:column}.post-nav-item.next{text-align:left}.footer-inner{flex-direction:column;text-align:center}}