:root{--bg:#fbfaf5;--ink:#181818;--accent:#c1440e;--muted:#6b6b66;--rule:#e5e1d6;--maxw:40rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.05rem;line-height:1.65}main{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}.site-header{max-width:var(--maxw);border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;margin:0 auto;padding:1.5rem 1.25rem;display:flex}.wordmark{letter-spacing:-.01em;color:var(--ink);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.2rem;font-weight:700;text-decoration:none}.wordmark .ai{color:var(--accent)}.site-header nav{gap:1.5rem;display:flex}.site-header nav a{color:var(--muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem;text-decoration:none}.site-header nav a:hover{color:var(--accent)}@media (width<=520px){.site-header{flex-wrap:wrap;row-gap:.4rem}.site-header nav{flex-wrap:wrap;gap:.3rem .9rem}.site-header nav a{font-size:.8rem}}a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.hero{padding:5.5rem 0 4rem}.hero-title{letter-spacing:-.03em;margin:0 0 1.1rem;font-size:2.7rem;font-weight:800}.hero-sub{color:var(--muted);max-width:33rem;margin:0 0 1.8rem;font-size:1.18rem;line-height:1.6}.hero-link{border-bottom:1px solid var(--accent);padding-bottom:2px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;text-decoration:none}.hero-link:hover{color:var(--ink)}.page-title{letter-spacing:-.02em;margin:2rem 0 .25rem;font-size:1.9rem;font-weight:800}.links{margin:1.6rem 0;padding:0;list-style:none}.links li{padding:.5rem 0}.links a{color:var(--ink);align-items:center;gap:.7rem;font-size:1.1rem;text-decoration:none;display:inline-flex}.links a:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.links svg{fill:currentColor;flex-shrink:0;width:1.1em;height:1.1em}article h1{letter-spacing:-.02em;margin:2.2rem 0 .5rem;font-size:2.15rem;font-weight:800;line-height:1.15}.post-meta{color:var(--muted);margin-bottom:2.2rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem}.post-meta:before{content:"// ";color:var(--accent)}p{margin:1.2rem 0}em{font-style:italic}h2{letter-spacing:-.01em;margin-top:2.4rem;font-size:1.4rem;font-weight:700}img{max-width:100%;height:auto;margin:2.6rem auto;display:block}code{background:#f0efe9;border-radius:3px;padding:.05em .3em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}pre{background:#f0efe9;border-radius:4px;padding:1rem;font-size:.9rem;overflow-x:auto}blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:1.4rem 0;padding-left:1rem}.post-list{margin:1.5rem 0 0;padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--rule);padding:1.5rem 0}.post-list li:first-child{padding-top:.5rem}.post-list h2{letter-spacing:-.01em;margin:0 0 .3rem;font-size:1.45rem;font-weight:700}.post-list a{color:var(--ink);text-decoration:none}.post-list a:hover{color:var(--accent)}.post-list .desc{color:var(--muted);margin:.2rem 0 0;font-size:.98rem}.site-footer{max-width:var(--maxw);border-top:1px solid var(--rule);color:var(--muted);margin:4rem auto 2rem;padding:1rem 1.25rem 0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem}.draft-badge{letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;color:var(--accent);border:1.5px solid var(--accent);border-radius:4px;margin-left:.5em;padding:.1em .5em;font-size:.55em;font-weight:600;display:inline-block}article table{border-collapse:collapse;margin:1.5rem 0;font-size:.85rem;line-height:1.45;display:block;overflow-x:auto}article th,article td{text-align:left;white-space:nowrap;border-bottom:1px solid #ddd8c9;padding:.45em .8em}article th{border-bottom:2px solid var(--accent);font-weight:600}.img-pending{border:2px dashed var(--accent);text-align:center;opacity:.75;border-radius:6px;margin:1.5rem 0;padding:1.4rem 1rem;font-style:italic}article img[src="/diagrams/04-on-call-engineer.png"],article img[src="/diagrams/12-how-i-ai.png"]{max-width:min(100%,500px);margin-inline:auto;display:block}.saga-line{white-space:nowrap}.saga-nav{border-top:1px solid #e4e2d8;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1rem;font-size:.92rem;display:flex}.saga-nav .saga-next{text-align:right;margin-left:auto}.living-updated{color:#6b6b6b;font-size:.85rem;font-style:italic}.living-links{opacity:.75;margin:-.9rem 0 1.6rem;font-size:.85rem}