*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.5}:root{--color-bg: #ffffff;--color-surface: #f8f9fa;--color-border: #e9ecef;--color-text: #333;--color-text-muted: #666;--color-text-light: #868e96;--color-primary: #228be6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--max-width: 1200px;--max-width-medium: 960px;--max-width-narrow: 720px}main{padding:var(--spacing-md) 0}.container{width:90%;max-width:var(--max-width);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.main-medium{max-width:var(--max-width-medium);margin-left:auto;margin-right:auto}.main-narrow{max-width:var(--max-width-narrow);margin-left:auto;margin-right:auto}section{margin-bottom:var(--spacing-xl)}section+section{margin-top:var(--spacing-xl)}h1{font-size:2.5rem;line-height:1.2;margin-bottom:var(--spacing-md)}h2{font-size:2rem;margin-bottom:var(--spacing-sm)}h3{font-size:1.5rem;margin-bottom:var(--spacing-xs)}p{margin-bottom:var(--spacing-sm);color:var(--color-text-muted)}h1+p{margin-top:-.5rem}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.grid{display:grid;gap:var(--spacing-md)}.grid-lg{gap:var(--spacing-lg)}.grid-auto-300{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-auto-250{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-auto-200{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-wrap{flex-wrap:wrap}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.card-muted{background:var(--color-surface)}.card img{margin-bottom:var(--spacing-sm)}.card a{text-decoration:none;color:inherit;display:block}.hero{text-align:center;padding:var(--spacing-xl) var(--spacing-md);background:linear-gradient(to right,var(--color-surface),var(--color-border));border-radius:var(--radius-lg);margin:var(--spacing-lg) 0}.tag{display:inline-block;background:var(--color-surface);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.8rem}.tag-link{text-decoration:none;color:var(--color-text)}a{color:inherit}.link{color:var(--color-primary);text-decoration:none}img{max-width:100%;height:auto;display:block}.rounded{border-radius:var(--radius-md)}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.logo img{height:40px}.nav{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{text-decoration:none;font-weight:500;color:var(--color-text);position:relative;padding:var(--spacing-xs) 0}.nav-link:hover{color:var(--color-primary)}.nav-link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--color-primary);transition:width .2s ease}.nav-link:hover:after{width:100%}footer{background:var(--color-text);color:var(--color-bg);padding:var(--spacing-lg) 0}footer a{color:var(--color-bg);text-decoration:none}.markdown-content{margin:0 auto;line-height:1.7;font-size:1.05rem}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--color-text);line-height:1.3;margin-bottom:var(--spacing-sm)}.markdown-content h1{margin-top:var(--spacing-xl)}.markdown-content h2{margin-top:var(--spacing-xl);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.markdown-content h3{margin-top:var(--spacing-lg)}.markdown-content p{margin-bottom:var(--spacing-md);color:var(--color-text-muted)}.markdown-content h1+p{margin-top:-.5rem}.markdown-content ul,.markdown-content ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.markdown-content li{margin-bottom:var(--spacing-xs)}.markdown-content a{color:var(--color-primary);text-decoration:underline}.markdown-content a:hover{opacity:.8}.markdown-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--color-text-muted);font-style:italic}.markdown-content code{background:var(--color-surface);padding:.2rem .4rem;border-radius:var(--radius-sm);font-size:.9rem}.markdown-content pre{background:#1e1e1e;color:#f8f8f2;padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-lg) 0;line-height:1.5}.markdown-content pre code{background:none;padding:0;color:inherit}.markdown-content img{margin:var(--spacing-xl) auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 2px 6px #00000014}@media (min-width: 600px){.markdown-content img{max-width:600px}}.markdown-content>*+*{margin-top:var(--spacing-sm)}.markdown-content{max-width:75ch}.markdown-content h2,.markdown-content h3,.markdown-content pre,.markdown-content blockquote{margin-top:var(--spacing-lg)}.video-responsive{position:relative;overflow:hidden;padding-top:56.25%;margin:var(--spacing-md) 0}.video-responsive iframe{position:absolute;inset:0;width:100%;height:100%}.icon{display:inline-block;width:40px;height:40px}.icon svg{width:100%;height:100%;fill:currentColor}@media (max-width: 768px){main{padding:var(--spacing-sm) 0}.header-inner{flex-direction:column;align-items:flex-start}.nav{width:100%;flex-wrap:wrap}.grid-auto-250{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (max-width: 768px){.container{width:100%;padding:0 var(--spacing-md)}}h1{margin-bottom:var(--spacing-md);line-height:1.2}.main-narrow h1{max-width:80ch}.post-header{margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-lg)}.featured-image{width:100%;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.post-header h1{margin-bottom:var(--spacing-sm);line-height:1.2}.post-meta{color:var(--color-text-light);font-size:.9rem;margin-bottom:var(--spacing-lg)}.markdown-content>h1:first-child{margin-top:0}.markdown-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}.markdown-content p{max-width:70ch}.markdown-content>p:first-of-type{font-size:1.1rem;color:var(--color-text)}.page-intro{font-size:1.15rem;line-height:1.7;color:var(--color-text);margin-bottom:var(--spacing-xl);max-width:75ch}.page-intro strong{color:var(--color-text)}.markdown-content h2{margin-top:var(--spacing-xl)}.markdown-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0;opacity:.6}.markdown-content ul{margin:var(--spacing-md) 0}.markdown-content li{margin-bottom:.4rem}.markdown-content h2{letter-spacing:-.01em}footer a{color:var(--color-bg);text-decoration:none;transition:color .2s ease}footer a:hover{color:var(--color-primary)}footer a:hover{color:var(--color-primary);text-decoration:underline}