:root{--color-bg: #ffffff;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-accent: #0d9488;--color-accent-hover: #14b8a6;--color-code-bg: #f5f5f5;--color-code-text: #1f2937;--color-code-border: #d7dce2;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "Geist Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--max-width: 72ch;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--color-bg: #0f172a;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-border: #1e293b;--color-accent: #2dd4bf;--color-accent-hover: #5eead4;--color-code-bg: #23262b;--color-code-text: #e6edf3;--color-code-border: #333842}}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}::selection{background-color:#0d948840;color:inherit}body{min-height:100vh;display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);min-width:0;width:100%}main{flex:1;padding:var(--spacing-xl) 0;min-width:0;width:100%}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease,text-decoration-color .2s ease}a:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:2px}a:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent),0 0 0 4px var(--color-bg);border-radius:2px}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;margin-bottom:var(--spacing-sm)}h1{font-size:2rem;margin-bottom:var(--spacing-md)}h2{font-size:1.5rem;margin-top:var(--spacing-lg)}h3{font-size:1.25rem;margin-top:var(--spacing-md)}p{margin-bottom:var(--spacing-sm)}ul,ol{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-lg)}code{font-family:var(--font-mono);font-size:.9em;color:var(--color-code-text);background-color:var(--color-code-bg);border:1px solid var(--color-code-border);padding:.125rem .25rem;border-radius:3px}pre{color:var(--color-code-text);background-color:var(--color-code-bg);border:1px solid var(--color-code-border);padding:var(--spacing-sm);border-radius:4px;overflow-x:auto;margin-bottom:var(--spacing-sm)}pre code{color:inherit;background-color:transparent;border:0;padding:0}.site-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0}.site-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);min-width:0}.site-title{font-size:1.5rem;font-weight:600;color:var(--color-text);text-decoration:none;transition:color .2s ease}.site-title:hover{color:var(--color-accent-hover);text-decoration:none}.site-title:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent);border-radius:2px}.site-nav ul{list-style:none;display:flex;gap:var(--spacing-md);margin:0;padding:0;min-width:0}.nav-link{color:var(--color-text-muted);text-decoration:none;padding:var(--spacing-xs) 0;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease,transform .15s ease}.nav-link:hover{color:var(--color-text);text-decoration:none;border-bottom-color:var(--color-accent);transform:translateY(-1px)}.nav-link.active{color:var(--color-text);border-bottom-color:var(--color-accent)}.site-footer{border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl);color:var(--color-text-muted);font-size:.9rem}.footer-links{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);justify-content:center;min-width:0}.footer-links a{transition:color .2s ease}.footer-links a:hover{color:var(--color-accent-hover)}.copyright{margin:0;text-align:center}.hero{padding-top:clamp(3rem,8vw,6rem);margin-bottom:var(--spacing-xl)}.hero-rule{width:3rem;height:3px;background-color:var(--color-accent);border-radius:2px;margin-bottom:var(--spacing-md)}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--spacing-md);max-width:22ch}.hero .lead{font-size:clamp(1.125rem,2vw,1.35rem);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);max-width:50ch;line-height:1.5}.intro{margin-bottom:var(--spacing-lg)}.intro p{font-size:1rem;margin-bottom:var(--spacing-md)}.cta-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap;min-width:0}.cta-primary{display:inline-block;background-color:var(--color-accent);color:var(--color-text-inverse);padding:.6rem 1.25rem;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.cta-primary:hover{background-color:var(--color-accent-hover);color:var(--color-text-inverse);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #0d948840}.cta-secondary{display:inline-block;color:var(--color-accent);padding:.6rem 0;text-decoration:underline;text-underline-offset:3px;font-weight:500;transition:color .2s ease}.cta-secondary:hover{color:var(--color-accent-hover)}.about-page{padding-top:clamp(3rem,8vw,6rem)}.about-page h1{margin-bottom:var(--spacing-lg);font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.02em;max-width:22ch}.about-body{margin-bottom:var(--spacing-xl)}.about-body p{font-size:1.125rem;line-height:1.7;margin-bottom:var(--spacing-lg)}.about-contact{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.about-contact p{font-size:1.125rem;color:var(--color-text-muted)}.about-contact a{transition:color .2s ease}.blog-index{padding-top:clamp(3rem,8vw,6rem)}.blog-index h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--spacing-xl);max-width:22ch}.post-list{list-style:none;padding:0;margin:0}.post-item{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.post-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.post-meta{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs);letter-spacing:.01em}.post-meta .separator{margin:0 .5ch}.post-item h2{margin:0 0 var(--spacing-sm) 0;font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.3}.post-item h2 a{color:var(--color-text);text-decoration:none;transition:color .2s ease}.post-item h2 a:hover{color:var(--color-accent)}.post-item .excerpt{color:var(--color-text-muted);margin:0 0 var(--spacing-sm) 0;line-height:1.6;max-width:60ch}.blog-post{padding-top:clamp(3rem,8vw,6rem);max-width:var(--max-width);margin:0 auto;width:100%;min-width:0;overflow-wrap:break-word;word-wrap:break-word}.post-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border);min-width:0}.post-header h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15;letter-spacing:-.01em;margin-bottom:var(--spacing-md);max-width:32ch;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}.post-header .post-meta{margin-bottom:0;font-size:.875rem;color:var(--color-text-muted);letter-spacing:.01em;overflow-wrap:break-word;word-wrap:break-word}.post-content{margin-bottom:var(--spacing-xl);min-width:0}.post-content p{line-height:1.7;margin-bottom:var(--spacing-md);overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}.post-content h2{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-size:clamp(1.35rem,2.5vw,1.65rem)}.post-content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-size:clamp(1.15rem,2vw,1.35rem)}.post-content a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .2s ease,text-decoration-color .2s ease}.post-content a:hover{text-decoration-color:var(--color-accent-hover)}.post-footer{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.back-link{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.back-link:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;padding:0;margin:0;min-width:0}.tag-link{display:inline-block;font-size:.8rem;color:var(--color-text-muted);background-color:var(--color-border);border-radius:3px;padding:.15rem .5rem;text-decoration:none;line-height:1.6;transition:color .2s ease,background-color .2s ease;overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.tag-link:hover{color:var(--color-accent);text-decoration:none;background-color:#0d94881f}.tags-page{padding-top:clamp(3rem,8vw,6rem)}.tags-page h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--spacing-xl);max-width:22ch}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);list-style:none;padding:0;min-width:0}.tags-cloud .tag-link{font-size:.9rem;padding:.25rem .75rem;transition:color .2s ease,background-color .2s ease}.tags-cloud .tag-link:hover{background-color:var(--color-accent);color:var(--color-text-inverse)}.tag-count{font-size:.75rem;color:var(--color-text-muted);margin-left:.25ch}.tag-index{padding-top:clamp(3rem,8vw,6rem)}.tag-index h1{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.01em;margin-bottom:var(--spacing-xl);max-width:40ch}.error-page{text-align:center;padding:clamp(4rem,10vw,8rem) 0;max-width:50ch;margin:0 auto}.error-page .hero-rule{margin:0 auto var(--spacing-md) auto}.error-page h1{font-size:clamp(4rem,10vw,6rem);color:var(--color-text-muted);margin-bottom:var(--spacing-md);line-height:1;letter-spacing:-.03em}.error-message{font-size:clamp(1.125rem,2vw,1.35rem);margin-bottom:var(--spacing-md);color:var(--color-text)}.error-suggestion{color:var(--color-text-muted);font-size:1rem}.error-suggestion a{text-decoration:underline;text-underline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-accent);color:var(--color-text-inverse);padding:.5rem 1rem;text-decoration:none;z-index:100;border-radius:0 0 4px;font-size:.9rem;font-weight:500;transition:top .2s ease}.skip-link:focus{top:0;outline:none}.skip-link:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-text-inverse)}#main-content:focus{outline:none}@media(max-width:640px){:root{--spacing-xl: 2rem;--spacing-xxl: 3rem}.container{padding:0 var(--spacing-sm)}.site-header .container{flex-direction:column;align-items:flex-start}.site-nav ul{gap:var(--spacing-sm)}.footer-links{flex-wrap:wrap;justify-content:flex-start;gap:var(--spacing-sm)}.copyright{text-align:left}.cta-group{flex-direction:column}.cta-primary,.cta-secondary{width:auto;align-self:stretch;text-align:center;padding:.6rem 1.25rem}.cta-secondary{border:2px solid var(--color-accent);border-radius:4px;text-decoration:none}.post-header h1{font-size:clamp(1.35rem,5vw,1.5rem)}.post-content h2{font-size:clamp(1.15rem,4vw,1.25rem)}.post-content h3{font-size:clamp(1.05rem,3vw,1.1rem)}.post-content pre{font-size:.85rem;padding:var(--spacing-xs)}.post-content img{max-width:100%;height:auto}.post-content table{display:block;overflow-x:auto;white-space:nowrap}}.recent-posts{margin-top:var(--spacing-xl)}.recent-posts h2{margin-bottom:var(--spacing-lg);font-size:1.25rem}.posts-list{list-style:none;padding:0;margin:0}.post-item-compact{margin-bottom:var(--spacing-md)}.post-item-compact:last-child{margin-bottom:0}.post-link{display:block;color:var(--color-text);text-decoration:none;font-size:1rem;font-weight:500;margin-bottom:var(--spacing-xs);transition:color .2s ease}.post-link:hover{color:var(--color-accent)}.post-meta-compact{font-size:.85rem;color:var(--color-text-muted);letter-spacing:.01em}.view-all{display:inline-block;margin-top:var(--spacing-lg);color:var(--color-accent);font-weight:500;text-decoration:none;transition:color .2s ease}.view-all:hover{color:var(--color-accent-hover);text-decoration:underline}