:root{--bg:#fff;--fg:#18181b;--muted:#71717a;--border:#e4e4e7;--accent:#18181b;--code-bg:#f4f4f5;--max:44rem}html.dark{--bg:#0a0a0a;--fg:#ececec;--muted:#a1a1aa;--border:#27272a;--accent:#ececec;--code-bg:#18181b}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}html.dark{color-scheme:dark}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;font:16px/1.7 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}a{color:inherit;text-decoration:none}a:hover{color:var(--muted)}main{width:100%;max-width:var(--max);flex:1;margin:0 auto;padding:2.5rem 1.25rem}main.wide{max-width:calc(var(--max) + 15rem)}header{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}nav{max-width:var(--max);justify-content:space-between;align-items:center;margin:0 auto;padding:.9rem 1.25rem;display:flex}.logo{letter-spacing:-.01em;font-weight:650}.nav-links{align-items:center;gap:1.25rem;display:flex}.nav-links a{position:relative}.nav-links a:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform .18s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav-links a[aria-current=page]{color:var(--fg)}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{transform:scaleX(1)}#theme-toggle{cursor:pointer;color:inherit;background:0 0;border:0;padding:.25rem;font-size:1rem;line-height:1}footer{border-top:1px solid var(--border);max-width:var(--max);width:100%;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.25rem;font-size:.875rem;display:flex}.social-links{gap:1rem;display:flex}.skip-link{background:var(--bg);color:var(--fg);z-index:100;padding:.5rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--bg)}[id],h1[id],h2[id],h3[id],h4[id]{scroll-margin-top:100px}.hero{margin:1rem 0 3rem}.hero h1{letter-spacing:-.03em;margin:0 0 .75rem;font-size:2.4rem;font-weight:700;line-height:1.12}.hero p{margin:.3rem 0}.hero .socials{gap:1.25rem;margin-top:1.1rem;font-size:.9rem;display:flex}.sec-title{justify-content:space-between;align-items:baseline;margin:2.5rem 0 .75rem;display:flex}.sec-title h2{letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:650}.sec-title a{color:var(--muted);font-size:.85rem}.sec-title a:hover{color:var(--fg)}.prose h1,.prose h2,.prose h3,.prose h4{letter-spacing:-.01em;margin:2rem 0 .75rem;line-height:1.3}.prose h1{margin-top:0;font-size:1.75rem}.prose h2{font-size:1.35rem}.prose h3{font-size:1.1rem}.prose p{margin:1rem 0}.prose a{text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{margin:1rem 0;padding-left:1.5rem}.prose li{margin:.35rem 0}.prose img{border:1px solid var(--border);border-radius:8px;max-width:100%;height:auto}.prose blockquote{border-left:3px solid var(--border);color:var(--muted);margin:1.25rem 0;padding:.25rem 1rem}.prose table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.925rem}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem}.prose code:not(pre code){background:var(--code-bg);border-radius:5px;padding:.15em .4em;font-size:.875em}.prose hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}pre{border:1px solid var(--border);border-radius:10px;padding:1rem;font-size:.875rem;line-height:1.6;overflow-x:auto}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre.astro-code{border:1px solid var(--border);border-radius:10px;padding:1rem;font-size:.875rem;line-height:1.6;overflow-x:auto}pre::-webkit-scrollbar{height:8px}pre::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.astro-code{color:var(--shiki-light);background-color:var(--shiki-light-bg)}html.dark .astro-code,html.dark .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}.code-block{border:1px solid var(--border);border-radius:10px;margin:1.25rem 0;overflow:hidden}.code-block pre{border:0;border-radius:0;margin:0}.code-header{background:var(--code-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem .75rem;display:flex}.code-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.code-label.code-file{color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600}.code-block .copy-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0;padding:0;display:inline-flex;position:relative}.code-block .copy-btn:hover{color:var(--fg);background:var(--border)}.code-block .copy-btn svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1rem;height:1rem}.post-list{margin:0;padding:0;list-style:none}.post-list li{align-items:baseline;gap:1rem;padding:.35rem 0;display:flex}.post-list a{transition:color .15s}.post-list a:hover{color:var(--fg)}.post-list time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.875rem}.year-group{color:var(--muted);margin:1.5rem 0 .5rem;font-size:.95rem;font-weight:600}.tag{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.1rem .7rem;font-size:.8rem;transition:color .15s,border-color .15s;display:inline-block}.tag:hover{color:var(--fg);border-color:var(--muted)}.tags{flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.5rem;display:flex}.topic-list{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.topic-list a{border:1px solid var(--border);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .95rem;transition:border-color .15s,transform .15s;display:inline-flex}.topic-list a:hover{border-color:var(--muted);transform:translateY(-1px)}.topic-list .muted{font-size:.8rem}.toc{border-left:1px solid var(--border);padding-left:1rem;font-size:.875rem}.toc ul{margin:0;padding:0;list-style:none}.toc li{margin:.3rem 0;position:relative}.toc a.toc-h3{color:var(--muted);padding-left:.9rem;display:block}.toc a{display:block}.toc a.active{color:var(--fg);font-weight:600}.toc a.active:before{content:"";background:var(--accent);border-radius:2px;width:2px;height:1.2em;position:absolute;top:.15rem;left:-1.06rem}.toc-wrap{max-height:calc(100vh - 12rem);position:relative;overflow-y:auto}.toc-wrap::-webkit-scrollbar{width:6px}.toc-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}article.with-toc{position:relative}.toc-desktop{display:none}.toc-mobile{margin:1.25rem 0}.toc-mobile summary{cursor:pointer;color:var(--muted);font-size:.9rem}@media (width>=1280px){.toc-mobile{display:none}.toc-desktop{z-index:5;display:block;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%)}.toc-lines{flex-direction:column;align-items:flex-end;gap:.28rem;transition:opacity .18s,visibility .18s;display:flex}.toc-line{padding:0;display:block;position:relative}.toc-line-bar{background:var(--border);border-radius:2px;height:1.5px;transition:background .18s,height .18s;display:block}.toc-line-h3 .toc-line-bar{margin-right:1.1rem}.toc-line.active .toc-line-bar{background:var(--accent);height:2.5px}.toc-panel{background:color-mix(in srgb, var(--bg) 94%, var(--code-bg));border:1px solid var(--border);opacity:0;visibility:hidden;border-radius:10px;width:15rem;max-height:min(70vh,34rem);padding:.85rem;transition:opacity .18s,visibility .18s;position:absolute;top:50%;right:0;overflow-y:auto;transform:translateY(-50%);box-shadow:0 12px 32px #0000001a}html.dark .toc-panel{box-shadow:0 10px 30px #00000080}.toc-desktop:hover .toc-lines,.toc-desktop:focus .toc-lines,.toc-desktop:focus-within .toc-lines{opacity:0;visibility:hidden}.toc-desktop:hover .toc-panel,.toc-desktop:focus .toc-panel,.toc-desktop:focus-within .toc-panel{opacity:1;visibility:visible}.toc-panel::-webkit-scrollbar{width:6px}.toc-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.toc-panel .toc{border-left:0;padding-left:0;font-size:.85rem;line-height:1.5}.toc-panel-title{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .45rem;padding:0 .6rem;font-size:.75rem;font-weight:650}.toc-panel .toc li{margin:.1rem 0}.toc-panel .toc a{border-radius:6px;padding:.3rem .6rem;transition:background .15s}.toc-panel .toc a.toc-h3{color:var(--muted);padding-left:1.5rem}.toc-panel .toc a:hover{background:var(--code-bg)}.toc-panel .toc a.active{background:var(--code-bg);font-weight:600}.toc-panel .toc a.active:before{display:none}}.draft-banner{background:var(--code-bg);border:1px dashed var(--muted);color:var(--muted);border-radius:8px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.9rem}.pager{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.25rem;display:flex}.pager a{max-width:48%}.pager .label{color:var(--muted);font-size:.8rem;display:block}.pager .next{text-align:right;margin-left:auto}.muted{color:var(--muted)}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.breadcrumbs{color:var(--muted);margin-bottom:1rem;font-size:.85rem}.search-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:8px;margin-bottom:1.25rem;padding:.5rem .85rem}.search-input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.empty-state{color:var(--muted);padding:1rem 0}#progress{background:var(--accent);z-index:60;pointer-events:none;width:0;height:3px;position:fixed;top:0;left:0}#back-to-top{z-index:40;border:1px solid var(--border);background:var(--bg);width:2.5rem;height:2.5rem;color:var(--fg);cursor:pointer;opacity:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;font-size:1.05rem;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;transform:translateY(8px)}#back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}article h1{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.95rem;line-height:1.2}.post-list--detailed{gap:.75rem;display:grid}.post-list--detailed>li{padding:0;display:block}.post-list--detailed>.year-group{margin:1.5rem 0 0}.post-card{border-bottom:1px solid var(--border);padding:1.1rem 0}.post-card h2,.post-card h3{letter-spacing:-.01em;margin:.25rem 0;font-size:1.15rem;line-height:1.35}.post-card h2 a,.post-card h3 a{text-decoration:none}.post-card h2 a:hover,.post-card h3 a:hover{color:var(--muted)}.post-card>p:not(.post-card-meta,.tags){color:var(--muted);max-width:65ch;margin:.25rem 0 0}.post-card-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.6rem;margin:0;font-size:.825rem;display:flex}.post-card .tags{margin:.75rem 0 0}.post-card .tag{align-items:center;min-height:2rem;display:inline-flex}.related-posts{border-top:1px solid var(--border);margin-top:3.5rem;padding-top:1.5rem}.related-posts>h2{margin:0 0 .25rem;font-size:1.15rem}.post-search{margin:1.25rem 0 1.5rem}.post-search label{color:var(--muted);margin-bottom:.4rem;font-size:.9rem;display:block}.post-search .search-input{margin:0}.search-status{min-height:1.5rem;color:var(--muted);margin:1rem 0 0;font-size:.875rem}.toc-mobile summary{align-items:center;min-height:2.75rem;padding:.25rem 0;display:inline-flex}.nav-links a,.social-links a,.hero .socials a{align-items:center;min-height:2.75rem;display:inline-flex}#theme-toggle{min-width:2.75rem;min-height:2.75rem}#back-to-top{width:2.75rem;height:2.75rem}@media (width<=36rem){main{padding:2rem 1rem}nav{align-items:flex-start;gap:.5rem;padding:.55rem 1rem}.logo{padding-top:.55rem}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:0 .5rem}.nav-links a:after{bottom:.4rem}.hero{margin-top:.5rem}.hero h1{font-size:2rem}.post-card{padding:1rem 0}#back-to-top{bottom:1rem;right:1rem}}