*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-text:#1a1a1a;--color-text-muted:#555;--color-primary:#0057b7;--color-border:#e0e0e0;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--max-width:48rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem}html{font-size:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--space-lg)var(--space-md)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;top:-100%;left:0;padding:var(--space-sm)var(--space-md);background:var(--color-primary);color:#fff;z-index:100}.skip-link:focus{top:0}.site-header{border-bottom:1px solid var(--color-border)}.site-nav{max-width:var(--max-width);margin:0 auto;padding:var(--space-md);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.site-logo{font-weight:700;font-size:1.125rem;color:var(--color-text)}.site-logo:hover{text-decoration:none}.nav-links{list-style:none;display:flex;gap:var(--space-md);flex-wrap:wrap}.site-footer{border-top:1px solid var(--color-border);margin-top:auto}.footer-content{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg)var(--space-md);text-align:center}.footer-links{list-style:none;display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-sm)}.page-header{margin-bottom:var(--space-lg)}.page-header h1{font-size:2rem;line-height:1.2;margin-bottom:var(--space-sm)}.page-meta{color:var(--color-text-muted);font-size:.875rem}article h2{font-size:1.5rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}article h3{font-size:1.25rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}article p{margin-bottom:var(--space-md)}article ul,article ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}article li{margin-bottom:var(--space-xs)}article code{font-family:var(--font-mono);font-size:.875em;background:#f5f5f5;padding:.125em .25em;border-radius:3px}article pre{background:#f5f5f5;padding:var(--space-md);overflow-x:auto;margin-bottom:var(--space-md);border-radius:4px}article pre code{background:0 0;padding:0}.post-list{list-style:none}.post-item{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.post-item:last-child{border-bottom:none}.post-item h2{margin-top:0;font-size:1.25rem}.post-item .post-meta{color:var(--color-text-muted);font-size:.875rem;margin-bottom:var(--space-xs)}.post-item .post-summary{color:var(--color-text-muted)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.project-card{border:1px solid var(--color-border);border-radius:4px;padding:var(--space-md)}.project-card h2{font-size:1.125rem;margin-top:0}.toc{background:#f9f9f9;border:1px solid var(--color-border);border-radius:4px;padding:var(--space-md);margin-bottom:var(--space-lg)}.toc h2{font-size:1rem;margin-top:0;margin-bottom:var(--space-sm)}.toc nav ul{padding-left:var(--space-md)}.toc nav li{margin-bottom:var(--space-xs)}.breadcrumbs{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-md)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:0;margin:0}.breadcrumbs li::after{content:"/";margin-left:var(--space-xs)}.breadcrumbs li:last-child::after{content:""}.pagination{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl)}.hero{text-align:center;padding:var(--space-xl)0}.hero h1{font-size:2.5rem;margin-bottom:var(--space-sm)}.hero p{font-size:1.25rem;color:var(--color-text-muted);max-width:36rem;margin:0 auto}.section-title{font-size:1.5rem;margin-bottom:var(--space-md)}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:0}.tag-list a{font-size:.8125rem;background:#f0f0f0;padding:var(--space-xs)var(--space-sm);border-radius:3px}.contact-info dt{font-weight:600;margin-top:var(--space-md)}.contact-info dd{margin-left:0}.uses-section h2{margin-top:var(--space-lg)}.share-links{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.share-links h2{font-size:1rem;margin-top:0;margin-bottom:var(--space-sm)}.share-links ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:0}.share-links a{font-size:.875rem;background:#f0f0f0;padding:var(--space-xs)var(--space-sm);border-radius:3px}