:root{--bg: #ffffff;--bg-panel: #fffbeb;--border: #e5e7eb;--text: #1c1917;--text-muted: #6b7280;--accent: #b45309;--accent-strong: #92400e;--accent-soft: rgba(217, 119, 6, .1);--accent-border: rgba(217, 119, 6, .35);--accent-bg: #facc15;--accent-bg-hover: #eab308;--max-width: 860px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.muted{color:var(--text-muted)}.site-header{border-bottom:1px solid var(--border);position:sticky;top:0;background:#ffffffe6;backdrop-filter:blur(6px);z-index:10}.header-row{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.brand{display:flex;align-items:baseline;gap:8px}.brand-name{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;font-size:1.1rem}.brand-sub{color:var(--text-muted);font-size:.85rem}.back-link{font-size:.9rem;color:var(--text-muted);transition:color .15s ease}.back-link:hover{color:var(--text)}.hero{padding:72px 24px 40px}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:5px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;margin-bottom:24px}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:2.75rem;line-height:1.15;font-weight:700;margin:0 0 16px}.accent{color:var(--accent)}.lede{font-size:1.1rem;color:var(--text-muted);max-width:640px;line-height:1.6;margin:0}.posts-section{padding-bottom:80px}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:28px}.section-heading h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0}.rule{flex:1;height:1px;background:var(--border)}.post-list{display:flex;flex-direction:column;gap:16px}.post-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid var(--border);background:var(--bg-panel);border-radius:16px;padding:24px;transition:border-color .15s ease,background .15s ease}.post-card:hover{border-color:var(--accent-border)}.post-meta{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.post-card h3{font-size:1.15rem;margin:0 0 8px}.summary{font-size:.9rem;color:var(--text-muted);margin:0 0 12px;line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--border);color:#4b5563;border-radius:6px;padding:2px 8px;font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tag-accent{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent)}.post-card-arrow{color:var(--text-muted);font-size:1.1rem;flex-shrink:0}.post-card:hover .post-card-arrow{color:var(--accent)}.post-header{padding:48px 24px 32px}.post-header h1{font-size:2.25rem;margin-top:16px}.post-byline{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-muted);padding-bottom:32px;margin-top:24px;border-bottom:1px solid var(--border)}.author{display:flex;align-items:center;gap:8px}.author-avatar{width:26px;height:26px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.article{padding-bottom:72px}.article h2{margin-top:48px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border);font-size:1.5rem}.article h3{margin-top:32px;margin-bottom:12px;font-size:1.2rem}.article p{margin:16px 0;color:var(--text);line-height:1.75}.article ul,.article ol{margin:16px 0;padding-left:24px;color:var(--text)}.article li{margin:8px 0;line-height:1.75}.article strong{color:var(--text);font-weight:700}.article a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.article blockquote{margin:24px 0;padding-left:16px;border-left:3px solid var(--accent);color:var(--text-muted);font-style:italic}.article hr{border:none;border-top:1px solid var(--border);margin:32px 0}.article table{width:100%;border-collapse:collapse;font-size:.9rem;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:24px 0}.article thead{background:var(--bg-panel)}.article th{text-align:left;padding:10px 14px;font-weight:600}.article td{padding:10px 14px;border-top:1px solid var(--border)}.article pre{margin:24px 0;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel);overflow-x:auto;font-size:.85rem}.article pre code{background:none;padding:0}.article code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:2px 5px;font-size:.85em}.article pre.mermaid{display:flex;justify-content:center;background:var(--bg-panel);padding:24px}.site-footer{border-top:1px solid var(--border);padding:32px 0;color:var(--text-muted);font-size:.9rem}.not-found{min-height:60vh;display:flex;align-items:center}.not-found h1{font-size:3rem;color:var(--accent)}@media(max-width:640px){h1{font-size:2rem}.post-card{flex-direction:column}}