:root{--canvas:#fff;--subtle:#f6f8fa;--subtle2:#fafafa;--border:#e5e7eb;--ink:#24292f;--muted:#57606a;--orange:#ea580c;--orange2:#f97316}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.page{min-height:100vh;background:#fff}.container{width:100%;max-width:56rem;margin:0 auto;padding:3rem 1.5rem 4rem}.site-header{border-bottom:1px solid var(--border);padding-bottom:2rem}.eyebrow{margin:0 0 .75rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}h1{margin:0;color:var(--ink);font-weight:600;letter-spacing:-.035em;line-height:1.12;font-size:2.25rem}.site-header p{max-width:42rem;margin:.75rem 0 0;color:var(--muted);font-size:1rem;line-height:1.75}.article-list{margin-top:1rem}.article-card{border-bottom:1px solid var(--border);padding:1.5rem 0}.article-card:last-child{border-bottom:0}.article-card a{display:block;outline:none}.date{margin-bottom:.5rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;color:var(--muted)}.article-card h2{margin:0;color:var(--ink);font-size:1.25rem;font-weight:600;line-height:1.3;letter-spacing:-.025em;transition:color .15s ease}.article-card a:hover h2,.article-card a:focus-visible h2{color:var(--orange)}.article-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:42rem;margin:.5rem 0 0;color:var(--muted);font-size:.875rem;line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tag{border:1px solid var(--border);border-radius:6px;background:var(--subtle);padding:.125rem .5rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:var(--muted)}.reader{width:100%;max-width:42rem;margin:0 auto;padding:3rem 1.5rem 5rem}.back{display:inline-flex;margin-bottom:2rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.875rem;color:var(--muted)}.back:hover,.back:focus-visible{color:var(--orange);outline:none}.article-header{border-bottom:1px solid var(--border);padding-bottom:2rem}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;color:var(--muted)}.article-header h1{font-size:clamp(2.25rem,5vw,3rem);line-height:1.12}.lead{margin:1.25rem 0 0;color:var(--muted);font-size:1.125rem;line-height:1.75}.prose{margin-top:2.5rem}.prose section{margin-top:2.5rem}.prose section:first-child{margin-top:0}.prose h2{margin:0;border-left:2px solid var(--orange);padding-left:.75rem;color:var(--ink);font-size:1.5rem;font-weight:600;letter-spacing:-.025em;line-height:1.25}.prose p{margin:1.25rem 0 0;color:var(--ink);font-size:1rem;line-height:1.6}.codebox{margin-top:1.5rem;overflow-x:auto;border:1px solid var(--border);border-radius:6px;background:var(--subtle);padding:1rem;color:var(--ink);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.875rem;line-height:1.5;box-shadow:none}.footer{border-top:1px solid var(--border);max-width:56rem;margin:0 auto;padding:1.5rem;color:var(--muted);font-size:.875rem;display:flex;justify-content:space-between;gap:1rem}.footer a:hover{color:var(--orange)}@media(max-width:640px){.container,.reader{padding-left:1rem;padding-right:1rem}.container{padding-top:2rem}h1{font-size:2rem}.footer{display:block}.footer a{display:inline-block;margin-top:.5rem}}