:root{--max-width:760px;--wide-width:1180px;--bg:#ffffff;--bg-subtle:#f6f8fb;--card:#ffffff;--text:#14181f;--text-muted:#5b6472;--border:#e6e9ef;--accent:#2563eb;--accent-soft:color-mix(in srgb,var(--accent) 12%,transparent);--code-bg:#f6f8fa;--radius:14px;--radius-sm:8px;--shadow:0 1px 3px rgba(16,24,40,0.06),0 1px 2px rgba(16,24,40,0.04);--shadow-lg:0 12px 32px rgba(16,24,40,0.12);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--header-h:66px}[data-theme=dark]{--bg:#0b0f16;--bg-subtle:#111722;--card:#131a25;--text:#e6edf3;--text-muted:#93a1b1;--border:#212a37;--accent-soft:color-mix(in srgb,var(--accent) 22%,transparent);--code-bg:#131a25;--shadow:0 1px 3px rgba(0,0,0,0.5);--shadow-lg:0 12px 32px rgba(0,0,0,0.6)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 20px)}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--font-sans);line-height:1.7;font-size:18px;-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}a{color:var(--accent);text-decoration:none}a:hover{color:color-mix(in srgb,var(--accent) 80%,#000)}.container{max-width:var(--max-width)}.container,.container-wide{margin:0 auto;padding:0 1.25rem}.container-wide{max-width:var(--wide-width)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px)}}.nav{display:flex;align-items:center;justify-content:space-between;height:var(--header-h)}.brand{display:inline-flex;flex-direction:column;line-height:1.05;color:var(--text)}.brand-name{font-weight:700;font-size:1.18rem;letter-spacing:-.035em}.brand-tag{font-size:.68rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-top:.15rem}.brand:hover .brand-name{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:1.25rem}.nav-links{display:flex;gap:.4rem}.nav-links a{position:relative;color:var(--text-muted);font-size:.92rem;font-weight:500;padding:.4rem .7rem;border-radius:8px;transition:color .15s ease,background .15s ease}.nav-links a:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.15rem;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .2s ease;border-radius:2px}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--text);font-weight:600}.nav-links a.active:after{transform:scaleX(1)}.nav-divider{width:1px;height:24px;background:var(--border)}.nav-actions{display:flex;align-items:center;gap:.4rem}.menu-toggle{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:.25rem}.icon-btn,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.icon-btn:hover,.theme-toggle:hover{color:var(--text);background:color-mix(in srgb,var(--text) 6%,transparent)}.search-overlay{position:fixed;inset:0;z-index:200;background:rgba(8,12,20,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 1rem 1rem}.search-modal{width:100%;max-width:560px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.search-input-wrap{display:flex;align-items:center;gap:.7rem;padding:1rem 1.2rem;border-bottom:1px solid var(--border);color:var(--text-muted)}.search-input{flex:1 1;border:none;background:none;color:var(--text);font-size:1.05rem;outline:none}.search-input-wrap kbd{font-size:.7rem;border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;color:var(--text-muted)}.search-results{max-height:50vh;overflow-y:auto}.search-hint{padding:1.25rem;color:var(--text-muted);margin:0;font-size:.95rem}.search-result{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.2rem;border-bottom:1px solid var(--border);color:var(--text)}.search-result:hover{background:var(--bg-subtle)}.search-result strong{font-weight:600;font-size:.98rem}.search-result-cat{font-size:.75rem;color:var(--accent);background:var(--accent-soft);padding:.15rem .55rem;border-radius:999px;white-space:nowrap}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--accent);transform-origin:0 0;transform:scaleX(0);z-index:150;transition:transform .1s linear}.hero{padding:3.5rem 0 2.5rem;border-bottom:1px solid var(--border);margin-bottom:2.5rem}.hero h1{font-size:2.6rem;line-height:1.12;letter-spacing:-.035em;margin:0 0 .9rem;max-width:16ch}.hero p{color:var(--text-muted);font-size:1.15rem;margin:0;max-width:60ch}.featured-section{margin-bottom:3rem}.featured-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;grid-gap:1.25rem;gap:1.25rem}.featured-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.featured-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.featured-card--main{grid-row:span 2}.featured-cover{position:relative;display:block;aspect-ratio:16/9;background:var(--bg-subtle);overflow:hidden}.featured-card--main .featured-cover{aspect-ratio:16/10}.featured-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.featured-card:hover .featured-cover img{transform:scale(1.04)}.featured-cover--empty{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-soft),var(--bg-subtle))}.featured-badge{position:absolute;top:.8rem;left:.8rem;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.featured-body{padding:1.1rem 1.3rem 1.4rem}.featured-body h2{margin:.4rem 0 .5rem;font-size:1.35rem;line-height:1.25;letter-spacing:-.02em}.featured-card--main .featured-body h2{font-size:1.7rem}.featured-body h2 a{color:var(--text)}.featured-body h2 a:hover{color:var(--accent)}.home-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:3rem;gap:3rem;align-items:start;padding-bottom:3rem}.section-title{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 1.5rem;padding-bottom:.6rem;border-bottom:2px solid var(--border)}.post-list{display:flex;flex-direction:column}.post-row{display:flex;gap:1.5rem;padding:1.6rem 0;border-bottom:1px solid var(--border);align-items:flex-start}.post-row-body{flex:1 1;min-width:0}.post-card-cat,.post-row-cat{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:.4rem}.post-row h3{margin:0 0 .5rem;font-size:1.35rem;line-height:1.3;letter-spacing:-.02em}.post-row h3 a{color:var(--text)}.post-row h3 a:hover{color:var(--accent)}.post-row-excerpt{color:var(--text-muted);margin:0 0 .7rem;font-size:.98rem}.post-row-thumb{flex-shrink:0;width:180px;aspect-ratio:16/10;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-subtle)}.post-row-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-row-thumb:hover img{transform:scale(1.05)}.post-meta{color:var(--text-muted);font-size:.86rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.post-grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.post-grid--3{grid-template-columns:repeat(3,1fr)}.post-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.post-card-cover-link{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--bg-subtle)}.post-card-cover{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.post-card:hover .post-card-cover{transform:scale(1.04)}.post-card-cover--empty{background:linear-gradient(135deg,var(--accent-soft),var(--bg-subtle))}.post-card-body{padding:1.1rem 1.25rem 1.3rem;flex:1 1;display:flex;flex-direction:column}.post-card-body h2{margin:.35rem 0 .5rem;font-size:1.2rem;line-height:1.3;letter-spacing:-.01em}.post-card-body h2 a{color:var(--text)}.post-card-body h2 a:hover{color:var(--accent)}.post-excerpt{color:var(--text-muted);font-size:.95rem;margin:0 0 1rem;flex:1 1}.home-sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 20px);display:flex;flex-direction:column;gap:1.5rem}.sidebar-block{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem}.sidebar-block h3{margin:0 0 1rem;font-size:1.05rem;letter-spacing:-.01em}.popular-list{margin:0;padding:0;list-style:none;counter-reset:pop}.popular-list li{counter-increment:pop;display:flex;gap:.7rem;padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.92rem}.popular-list li:last-child{border-bottom:none}.popular-list li:before{content:counter(pop);font-weight:800;color:var(--accent);opacity:.5;font-size:1.1rem;line-height:1.3}.popular-list a{color:var(--text);line-height:1.4}.popular-list a:hover{color:var(--accent)}.cat-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.cat-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text);padding:.35rem .75rem;border-radius:999px;font-size:.85rem}.cat-chip span{color:var(--text-muted);font-size:.75rem}.cat-chip.active,.cat-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.5rem}.pagination-info{color:var(--text-muted);font-size:.9rem}.article-layout{display:grid;grid-gap:2.5rem;gap:2.5rem;justify-content:center}.article-layout--toc{grid-template-columns:220px minmax(0,var(--max-width)) 290px}.article-layout--notoc{grid-template-columns:minmax(0,var(--max-width)) 290px}.article-aside{position:relative}.breadcrumbs{display:flex;gap:.5rem;align-items:center;font-size:.85rem;margin-bottom:1rem;flex-wrap:wrap}.breadcrumbs,.breadcrumbs a{color:var(--text-muted)}.breadcrumbs a:hover{color:var(--accent)}.post-article{padding:0 0 3rem;min-width:0}.post-header h1{font-size:2.3rem;line-height:1.18;letter-spacing:-.035em;margin:0 0 .85rem}.post-cover{width:100%;border-radius:var(--radius);margin:1.75rem 0;border:1px solid var(--border)}.toc{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 24px);font-size:.88rem;border-left:2px solid var(--border);padding-left:1rem}.toc-title{font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;color:var(--text-muted);margin:0 0 .8rem}.toc ul{list-style:none;margin:0;padding:0}.toc-item{margin:.15rem 0}.toc-item a{color:var(--text-muted);display:block;line-height:1.4;border-left:2px solid transparent;margin-left:-1rem;padding:.25rem 0 .25rem 1rem;transition:color .15s ease,border-color .15s ease}.toc-item.toc-l3 a{padding-left:1.9rem;font-size:.83rem}.toc-item a:hover{color:var(--text)}.toc-item.active>a{color:var(--accent);border-left-color:var(--accent);font-weight:600}.prose{font-size:1.06rem}.prose h2{font-size:1.6rem;margin:2.6rem 0 1rem;letter-spacing:-.02em}.prose h2,.prose h3{scroll-margin-top:calc(var(--header-h) + 20px)}.prose h3{font-size:1.3rem;margin:2rem 0 .75rem}.prose h4{font-size:1.12rem;margin:1.6rem 0 .6rem;scroll-margin-top:calc(var(--header-h) + 20px)}.prose p{margin:1.15rem 0}.prose img{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);margin:1.5rem 0}.prose ol,.prose ul{padding-left:1.5rem}.prose li{margin:.4rem 0}.prose blockquote{border-left:4px solid var(--accent);margin:1.5rem 0;padding:.6rem 0 .6rem 1.25rem;color:var(--text-muted);background:var(--bg-subtle);border-radius:0 8px 8px 0}.prose a{text-decoration:underline;text-underline-offset:2px}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.prose td,.prose th{border:1px solid var(--border);padding:.6rem .8rem;text-align:left}.prose th{background:var(--bg-subtle)}.prose :not(pre)>code{background:var(--code-bg);border:1px solid var(--border);padding:.12em .4em;border-radius:6px;font-size:.88em;font-family:var(--font-mono)}:root{--code-block-bg:#f6f8fa;--code-block-border:#d8dee4;--code-line-number:#b3bcc7}[data-theme=dark]{--code-block-bg:#0d1117;--code-block-border:#21262d;--code-line-number:#4d5866}figure[data-rehype-pretty-code-figure]{position:relative;margin:1.75rem 0;border-radius:var(--radius);border:1px solid var(--code-block-border);overflow:hidden;background:var(--code-block-bg)}figure[data-rehype-pretty-code-figure] [data-rehype-pretty-code-title]{background:color-mix(in srgb,var(--code-block-bg) 92%,var(--text));border-bottom:1px solid var(--code-block-border);padding:.55rem 1rem;font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.prose pre{background:transparent;border:none;border-radius:0;padding:1.15rem 0;font-size:.9rem;line-height:1.65;margin:0}.prose>pre{border:1px solid var(--code-block-border);border-radius:var(--radius);background:var(--code-block-bg);padding:1.15rem 0;margin:1.75rem 0}.prose pre code{font-family:var(--font-mono);display:grid;background:transparent!important;border:none;padding:0;counter-reset:line}.prose pre code [data-line]{padding:0 1.25rem;border-left:2px solid transparent}.prose pre code[data-line-numbers]>[data-line]:before{counter-increment:line;content:counter(line);display:inline-block;width:1rem;margin-right:1.25rem;text-align:right;color:var(--code-line-number)}.prose pre [data-highlighted-line]{background:color-mix(in srgb,var(--accent) 12%,transparent);border-left-color:var(--accent)}.prose pre code span{color:var(--shiki-light)}[data-theme=dark] .prose pre code span{color:var(--shiki-dark)}.copy-code-btn{position:absolute;top:.55rem;right:.55rem;display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.35rem .6rem;border-radius:7px;border:1px solid var(--code-block-border);background:color-mix(in srgb,var(--code-block-bg) 80%,var(--text) 8%);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s ease,border-color .15s ease,color .15s ease}.prose>pre:hover .copy-code-btn,figure[data-rehype-pretty-code-figure]:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{border-color:var(--accent);color:var(--accent)}.copy-code-btn.copied{color:#16a34a;border-color:#16a34a;opacity:1}figure[data-rehype-pretty-code-figure]:has([data-rehype-pretty-code-title]) .copy-code-btn{top:.4rem}.post-tags{margin-top:2.5rem}.related-section{background:var(--bg-subtle);border-top:1px solid var(--border);padding:3rem 0;margin-top:2rem}.badges{display:flex;flex-wrap:wrap;gap:.4rem}.badge{display:inline-block;background:var(--accent-soft);color:var(--accent);padding:.2rem .7rem;border-radius:999px;font-size:.78rem}.badge,.btn{font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text);font-size:.92rem;cursor:pointer;text-decoration:none;transition:border-color .15s ease,background .15s ease}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent)}.btn-primary,.btn-primary:hover{border-color:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.page-title{font-size:2rem;letter-spacing:-.025em;margin:1.75rem 0 .5rem}.empty{color:var(--text-muted);padding:2rem 0}.site-footer{border-top:1px solid var(--border);background:var(--bg-subtle);margin-top:3rem}.footer-inner{display:flex;justify-content:space-between;gap:2rem;padding:3rem 1.25rem 2rem;flex-wrap:wrap}.footer-brand{font-weight:800;font-size:1.2rem;letter-spacing:-.02em;margin-bottom:.5rem}.footer-text{color:var(--text-muted);margin:0;max-width:40ch;font-size:.95rem}.footer-cols{display:flex;gap:3rem;align-items:flex-start}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--text-muted);font-size:.92rem}.footer-links a:hover{color:var(--accent)}.footer-social{display:flex;gap:.6rem}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);color:var(--text-muted);background:var(--card)}.social-icon:hover{border-color:var(--accent);color:var(--accent)}.footer-bottom{padding:1.25rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}@media (max-width:980px){.home-layout{grid-template-columns:1fr}.home-sidebar{position:static;flex-direction:row;flex-wrap:wrap}.home-sidebar .sidebar-block{flex:1 1;min-width:260px}.article-layout--notoc,.article-layout--toc{grid-template-columns:minmax(0,1fr) 280px}.article-aside--left{display:none}.post-grid--3{grid-template-columns:1fr 1fr}.featured-grid{grid-template-columns:1fr}.featured-card--main{grid-row:auto}}@media (max-width:720px){body{font-size:17px}.hero h1{font-size:2rem}.post-header h1{font-size:1.7rem}.post-row-thumb{width:110px}.article-layout--notoc,.article-layout--toc,.post-grid--3{grid-template-columns:1fr}.article-aside--right .article-aside-inner{position:static;flex-direction:row;flex-wrap:wrap}.article-aside--right .sidebar-block{flex:1 1;min-width:240px}.menu-toggle{display:block}.nav-right{position:fixed;top:var(--header-h);left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem;transform:translateY(-120%);transition:transform .25s ease,visibility 0s linear .25s;box-shadow:var(--shadow-lg);visibility:hidden}.nav-right.open{transform:translateY(0);visibility:visible;transition:transform .25s ease}.nav-links{flex-direction:column;gap:.4rem;width:100%}.nav-links a{padding:.6rem .7rem;width:100%}.nav-links a:after{display:none}.nav-links a.active{background:var(--accent-soft);color:var(--accent)}.nav-divider{display:none}.footer-cols,.footer-inner{flex-direction:column;gap:1.5rem}}.article-aside-inner{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 24px);display:flex;flex-direction:column;gap:2rem}.aside-share-label{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;color:var(--text-muted);margin-bottom:.8rem}.aside-popular ul{list-style:none;margin:0;padding:0}.aside-popular li{padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.86rem;line-height:1.4}.aside-popular li:last-child{border-bottom:none}.aside-popular a{color:var(--text-muted)}.aside-popular a:hover{color:var(--accent)}.share{display:flex;gap:.5rem}.share--vertical{flex-direction:column}.share--horizontal{flex-direction:row;align-items:center;flex-wrap:wrap;margin:2.5rem 0;padding:1.25rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.share-label{font-weight:600;color:var(--text-muted);font-size:.9rem;margin-right:.3rem}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.share-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.author-card{display:flex;gap:1.25rem;align-items:flex-start;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin:2.5rem 0}.author-avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.author-name{display:block;font-size:1.2rem;letter-spacing:-.01em;margin:.15rem 0 .5rem}.author-bio{margin:0;color:var(--text-muted);font-size:.95rem}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:linear-gradient(135deg,var(--accent-soft),var(--bg-subtle));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:var(--radius);padding:1.75rem 2rem;margin:2.5rem 0;flex-wrap:wrap}.cta-content h3{margin:0 0 .35rem;font-size:1.25rem;letter-spacing:-.01em}.cta-content p{margin:0;color:var(--text-muted);font-size:.95rem}.cta-btn{white-space:nowrap}.post-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;margin-top:2.5rem}.post-nav-item{display:flex;flex-direction:column;gap:.3rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;transition:border-color .15s ease,transform .15s ease}.post-nav-item:hover{border-color:var(--accent);transform:translateY(-2px)}.post-nav-next{text-align:right;align-items:flex-end}.post-nav-dir{font-size:.78rem;color:var(--accent);font-weight:600}.post-nav-title{color:var(--text);font-weight:600;font-size:.95rem;line-height:1.35}@media (max-width:720px){.post-nav{grid-template-columns:1fr}.post-nav-next{text-align:left;align-items:flex-start}.cta-box{align-items:flex-start}.author-card,.cta-box{flex-direction:column}}.article-hero{background:transparent;padding:0 0 .5rem;margin-bottom:0}.article-hero-cats{margin:.5rem 0 1rem}.article-title{font-size:2.4rem;line-height:1.15;letter-spacing:-.035em;margin:0 0 1rem}.article-lead{font-size:1.2rem;line-height:1.6;color:var(--text-muted);margin:0 0 1.75rem;max-width:60ch}.article-byline{gap:.85rem}.article-byline,.byline-avatar{display:flex;align-items:center}.byline-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--accent);color:#fff;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.byline-avatar img{width:100%;height:100%;object-fit:cover}.byline-info{display:flex;flex-direction:column}.byline-author{font-weight:700;color:var(--text);font-size:.98rem}.byline-meta{display:flex;gap:.4rem;flex-wrap:wrap;color:var(--text-muted);font-size:.86rem}.article-cover-wrap{margin:0 0 2rem}.article-cover{width:100%;border-radius:var(--radius);border:1px solid var(--border);display:block}.article-layout{padding-top:1.5rem}.post-article .prose{font-size:1.09rem;line-height:1.8}.post-article .prose>p:first-of-type:first-letter{font-size:3.1rem;font-weight:800;float:left;line-height:.85;margin:.35rem .6rem 0 0;color:var(--accent)}@media (max-width:980px){.article-title{font-size:2.1rem}}@media (max-width:720px){.article-hero{padding:.5rem 0 .25rem}.article-title{font-size:1.7rem}.post-article .prose>p:first-of-type:first-letter{font-size:2.4rem}}.total-views{text-align:left}.total-views .aside-share-label{margin-bottom:.6rem}.total-views-number{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.total-views-suffix{display:inline-block;margin-top:.35rem;font-size:.82rem;color:var(--text-muted)}.prose img.zoomable{cursor:zoom-in;transition:filter .15s ease,transform .15s ease}.prose img.zoomable:hover{filter:brightness(.94)}.lightbox{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:4vh 5vw;background:rgba(6,9,14,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lb-fade .15s ease}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lightbox-img{max-width:100%;max-height:90vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);cursor:default;object-fit:contain;animation:lb-zoom .18s ease}@keyframes lb-zoom{0%{transform:scale(.96)}to{transform:scale(1)}}.lightbox-close{position:absolute;top:1.25rem;right:1.25rem;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .15s ease}.lightbox-close:hover{background:rgba(255,255,255,.2)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .15s ease}.lightbox-nav:hover{background:rgba(255,255,255,.22)}.lightbox-prev{left:1.25rem}.lightbox-next{right:1.25rem}.lightbox-caption{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);max-width:80%;text-align:center;color:rgba(255,255,255,.85);font-size:.88rem;display:flex;flex-direction:column;gap:.25rem}.lightbox-count{color:rgba(255,255,255,.55);font-size:.8rem}@media (max-width:640px){.lightbox-nav{width:40px;height:40px}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}}.profile-card{padding:1.3rem}.profile-card-link{display:block;text-decoration:none;color:var(--text)}.profile-card-name{display:block;font-weight:800;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.9rem;color:var(--text)}.profile-card-photo{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;border:1px solid var(--border);display:block;transition:transform .2s ease,box-shadow .2s ease}a.profile-card-link:hover .profile-card-photo{transform:translateY(-2px);box-shadow:var(--shadow-lg)}a.profile-card-link:hover .profile-card-name{color:var(--accent)}.lang-switch{position:relative}.lang-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid transparent;background:transparent;cursor:pointer;transition:background .15s ease;padding:0}.lang-btn:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.lang-flag{display:inline-flex;border-radius:4px;overflow:hidden;line-height:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 12%,transparent)}.lang-flag svg{display:block;border-radius:4px}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:.35rem;min-width:170px;z-index:120;animation:lang-fade .12s ease}@keyframes lang-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.lang-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .6rem;border:none;background:transparent;color:var(--text);border-radius:7px;font-size:.9rem;cursor:pointer;text-align:left}.lang-item:hover{background:var(--bg-subtle)}.lang-item.active{color:var(--accent);font-weight:600}@media (max-width:720px){.lang-menu{right:auto;left:0}}.contact-form{display:flex;flex-direction:column;gap:1.1rem;margin-top:1.5rem;max-width:640px}.contact-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.1rem;gap:1.1rem}.contact-field{display:flex;flex-direction:column;gap:.4rem}.contact-field label{font-size:.88rem;font-weight:600;color:var(--text)}.contact-field input,.contact-field textarea{width:100%;padding:.7rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font-size:1rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.contact-field textarea{resize:vertical;min-height:140px;line-height:1.6}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--text-muted)}.contact-submit{align-self:flex-start;padding:.75rem 1.75rem;font-size:1rem}.contact-submit:disabled{opacity:.7;cursor:default}.contact-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}.contact-alert{padding:.8rem 1rem;border-radius:10px;background:color-mix(in srgb,#ef4444 12%,transparent);color:#ef4444;border:1px solid color-mix(in srgb,#ef4444 30%,transparent);font-size:.92rem}.contact-alt{margin-top:1.75rem;color:var(--text-muted);font-size:.95rem}.contact-success{margin-top:2rem;text-align:center;padding:2.5rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);max-width:640px}.contact-success-icon{width:60px;height:60px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,#22c55e 15%,transparent);color:#16a34a}.contact-success h3{margin:0 0 .5rem;font-size:1.4rem}.contact-success p{color:var(--text-muted);margin:0 0 1.5rem}@media (max-width:640px){.contact-row{grid-template-columns:1fr}}.btn-ghost{background:var(--bg-subtle);border-color:var(--border);color:var(--text-muted)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.sqlparser{margin:2rem 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden}.sqlparser-head{padding:1.4rem 1.5rem;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#000));color:#fff}.sqlparser-head h2{margin:0 0 .35rem;font-size:1.4rem;color:#fff}.sqlparser-head p{margin:0;font-size:.95rem;opacity:.92;line-height:1.5}.sqlparser-head code{background:rgba(255,255,255,.18);color:#fff;padding:.08rem .4rem;border-radius:4px;font-size:.85em}.sqlparser-controls{display:flex;gap:.6rem;flex-wrap:wrap;padding:1.1rem 1.5rem 0}.sqlparser-input{display:block;width:100%;margin:1rem 0 0;padding:1rem 1.5rem;min-height:240px;border:none;border-top:1px solid var(--border);background:var(--code-bg);color:var(--text);font-family:var(--font-mono,ui-monospace,"SF Mono",Consolas,Monaco,monospace);font-size:.85rem;line-height:1.5;resize:vertical;box-sizing:border-box;outline:none}.sqlparser-input:focus{box-shadow:inset 0 0 0 2px var(--accent-soft)}.sqlparser-results{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.sqlparser-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.sqlparser-info{padding:1rem 1.2rem;border-radius:var(--radius-sm);border-left:4px solid var(--accent);background:var(--bg-subtle)}.sqlparser-info--parse{border-left-color:#f59e0b}.sqlparser-info--exec{border-left-color:#22c55e}.sqlparser-info--rows{border-left-color:#8b5cf6}.sqlparser-info h4{margin:0 0 .7rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.sqlparser-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:.2rem 0}.sqlparser-info-row span{color:var(--text-muted)}.sqlparser-info-row b{font-family:var(--font-mono,ui-monospace,Consolas,monospace);color:var(--text)}.sqlparser-section{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.sqlparser-section h3{margin:0;padding:.85rem 1.2rem;background:var(--bg-subtle);border-bottom:1px solid var(--border);font-size:1rem}.sqlparser-section--error h3{background:color-mix(in srgb,#ef4444 15%,var(--bg-subtle))}.sqlparser-table-wrap{overflow-x:auto}.sqlparser-table{width:100%;border-collapse:collapse;font-size:.85rem}.sqlparser-table td,.sqlparser-table th{padding:.55rem .85rem;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.sqlparser-table th{background:var(--bg-subtle);font-weight:600;color:var(--text-muted);font-size:.78rem}.sqlparser-table td.n,.sqlparser-table th.n{text-align:right;font-family:var(--font-mono,ui-monospace,Consolas,monospace)}.sqlparser-table td.tname{font-weight:600;color:var(--accent)}.sqlparser-table tbody tr:hover{background:var(--bg-subtle)}.sqlparser-table .total-row td{border-top:2px solid var(--accent);font-weight:700;background:var(--accent-soft)}.sqlparser-errors{padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}.sqlparser-error{font-family:var(--font-mono,ui-monospace,Consolas,monospace);font-size:.85rem;color:#ef4444}.sqlparser-empty{margin:0 1.5rem 1.5rem;padding:1rem 1.2rem;border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--text-muted);font-size:.92rem;line-height:1.5}.sqlparser-empty code{background:var(--code-bg);padding:.08rem .35rem;border-radius:4px;font-size:.85em}@media (max-width:640px){.sqlparser-controls,.sqlparser-head,.sqlparser-input,.sqlparser-results{padding-left:1rem;padding-right:1rem}.sqlparser-controls .btn{flex:1 1}}#netlify-badge,[class*=netlify-badge],a[href*="netlify.com"][target=_blank][rel*=nofollow]{display:none!important}@media (max-width:720px){.container,.container-wide{padding-left:1rem;padding-right:1rem}.hero{padding:2rem 0 1.5rem;margin-bottom:1.75rem}.hero h1{font-size:1.85rem;max-width:none}.hero p{font-size:1.02rem}.featured-body h2,.featured-card--main .featured-body h2{font-size:1.25rem}.home-layout{gap:2rem}.section-title{font-size:1.3rem}}@media (max-width:560px){.post-row{flex-direction:column-reverse;gap:.9rem;padding:1.25rem 0}.post-row-thumb{width:100%;aspect-ratio:16/9}.post-row h3{font-size:1.2rem}.post-row-excerpt{font-size:.95rem}.hero h1{font-size:1.65rem}.article-title{font-size:1.5rem}.article-aside--right .sidebar-block,.home-sidebar .sidebar-block{min-width:100%}}body,html{max-width:100%;overflow-x:clip}.prose>pre,figure[data-rehype-pretty-code-figure]{max-width:100%;min-width:0}.prose pre{max-width:100%;overflow-x:auto}.prose{min-width:0;overflow-wrap:break-word;word-wrap:break-word}.prose a{overflow-wrap:anywhere}.prose iframe,.prose img,.prose table,.prose video{max-width:100%}.prose table{display:block;overflow-x:auto}